diff --git a/packages/volto/src/components/manage/Sidebar/Sidebar.jsx b/packages/volto/src/components/manage/Sidebar/Sidebar.jsx index 1a1fd8710c0..a2fc7cb13c0 100644 --- a/packages/volto/src/components/manage/Sidebar/Sidebar.jsx +++ b/packages/volto/src/components/manage/Sidebar/Sidebar.jsx @@ -58,6 +58,7 @@ const Sidebar = (props) => { ); const [size] = useState(0); const [showFull, setshowFull] = useState(true); + const [isOrderTabRendered, setIsOrderTabRendered] = useState(false); const tab = useSelector((state) => state.sidebar.tab); const toolbarExpanded = useSelector((state) => state.toolbar.expanded); @@ -102,6 +103,10 @@ const Sidebar = (props) => { const onTabChange = (event, data) => { event.nativeEvent.stopImmediatePropagation(); dispatch(setSidebarTab(data.activeIndex)); + + if (data.activeIndex === 2) { + setIsOrderTabRendered(true); + } }; return ( @@ -188,7 +193,7 @@ const Sidebar = (props) => { !!orderTab && { menuItem: intl.formatMessage(messages.order), pane: - tab === 2 ? ( + isOrderTabRendered || tab === 2 ? (