Tabs: support not resetting state of panel components on tab change

[mfulton26]

I appreciate that keepMounted is, by default true, and that components stay mounted, but when I return to a tab it mounts a new component.

The docs even mention this will happen:

By default, inactive Tabs.Panel will stay mounted; to unmount inactive tabs, set keepMounted={false} on Tabs. This is useful when you want to render components that impact performance inside Tabs.Panel. Note that components that are rendered inside Tabs.Panel will reset their state on each mount (tab change).

This might be desirable in some scenarios but if a tab panel contains an <iframe> then each time it is revisted a new inline frame is loaded cuasing the embedded page to reload.

This doesn't seem like it should be necessary and that change tabs should only change which panel is shown with the others hidden. Can support be added to not reset (re-mount) tab panel components on tab change please?

[rtivital]

I've added this to the backlog, I'll check if this behavior can be improved. Thanks for reporting!

[mfulton26]

I can confirm that the new keepMountedMode="display-none" introduced in 9.1.0 does indeed keep my iframe mounted. 🎉

Mantine and its dev group are awesome!