Maximized TabPanel prevents next scene from being rendered into the content region

Client
1

In our application we are using TabPanel widget, that is rendered in the Sidebar region

{
	type: "VIEW_ADD",
	region: ["SIDEBAR"],
	name: "ExtendedCustomSidebar",
	constraints: {
		enableExtendedSidebar: true,
	},
}

If the TabPanel is maximized, a scene from another module, that is supposed to be rendered into the content region, is not being opened properly - the content of the scene is empty. The scene is being opened over the main navigation menu at the top of the application.

In order to maximize the TabPanel we are using the setSubExpandedState react hook: React.useContext(FrameViews.SidebarContext).

I have investigated what is happening to the html structure of the page. If the TabPanel is collapsed or expanded minimized the .content of the page is comprised of a .sidebar and .main__container (with data-role=“application-frame-main”). When TabPanel is maximized .main__container is being deleted from the page. Might it be the reason for the occurring problem? What could be a possible solution?

2

This seems like a bug to me:
The application frame is not taking into account if there is a sidebar or not when deciding to show/hide the main content:

const shouldShowContent = content && (this.props.subExpanded === false ? true : subExpandedState !== "maximized");

This should be

const shouldShowContent = content && (!sub || this.props.subExpanded === false ? true : subExpandedState !== "maximized");

Another solution would be for the client to reset subExpandedState whenever the sidebar is hidden through the application model.

3

Ticket A12-13807