I'm trying to use Navigation\Tabs and Navigation\TabsContentItem to toggle between view and edit modes in my application. However, when displaying the view mode, the tab content area automatically expands to match the height of the edit mode, which has more content. This results in an unnecessary scrollbar and an uncomfortable user experience.
Ideally, the content area should adjust its height automatically based on its own content, rather than matching the maximum height of other tabs.
I have already set ContentAutoHeight to True in the Optional configurations, but it only works correctly when the application is opened in a browser — not in other environments like mobile or preview mode.
How can I make the tab content height truly auto-adjust to its own content in all environments?
Thank you in advance for any advice or suggestions
Mobile Application
.osui-tabs__content-item:not(.osui-tabs--is-active) {
display: none
}