Fluentui: Controlling Tab re-renders

[Temkit]

Describe the feature that you would like added

Controlling pivotItem re-renders

• renderActiveOnly Only the active pivotItem is rendered. Switching pivotItem unmounts the current pivotItem and mounts the new pivotItem.
• renderActiveOnly={false} All pivotItems are rendered on Pivot mount. Switching pivotItem hides the current pivotItem and shows the new pivotItem, without unmounting pivotItems.

this will prevent filled forms to re-render on pivotitems swith ...

What component or utility would this be added to

Pivot

Additional context/screenshots

[khmakoto]

Hi @Temkit, if I'm understanding correctly you would basically like persistent and non-persistent scenarios for the Pivot component right?

@jdhuntington what do you think about this feature request?

[j-te]

Having a non-persistent options would be great because react should do the work of deciding when to re-mount the child components which is likely form elements. Currently, it's a complete re-render so we're losing the states. This means the child components in PivotItem require props and a stateful component above Pivot. Also, rendering resource is taken.

For instance: uncontrolled components like Dropdown for currently selected keys.

[jedmonsanto]

this would be great feature, no need to mount/unmount component when switching PivotItem @khmakoto

[msft-github-bot]

:tada:This issue was addressed in #12779, which has now been successfully released as [email protected].:tada:

Handy links:

• Release Notes
• Official NPM Release
• Test the release with Developer Demo Site