Tab container content not visible on native mobile pages in Mendix 10

Issue

Native mobile pages do not display tab container content. For example, text elements are not visible when placed inside a tab container, although they are visible when placed outside of it. 

Environment

Mendix Studio Pro 10.0.0 and newer

Cause

The issue occurs when nesting a tab container inside a scroll container within a layout grid is used for the main content of native mobile pages. This configuration causes rendering issues in Mendix 10. Nesting tab containers inside scroll containers breaks the way tab page content is displayed and disables rendering optimizations inside the tab view.

Solution/Workaround

To resolve this issue, update the page layout to avoid tab containers inside scroll containers. To enable scrollable behavior within a specific tab, place the tab content inside a scroll container or display it in a list view.

Additional information

• Mendix documentation: 
  • Native Mobile 
  • Tab Container