Overflow-y: auto makes x-axis scrollbar appear
Hi folks,
I have a react Sidebar component with scss styles. The sidebar has the main list 'sidebar_list' with smaller subMenus. Each subMenu has elements with an svg and a text. The sidebar is collapsable, so the text elements (spans) hide when collapsed. When the sidebar is collapsed and I hover over the Link, the text appears position absolutely outside of the sidebar. This is the expected behaviour.
However, the 'sidebar_list' is currently not scrollable vertically. If i make 'overflow-y: auto' (or scroll), it makes the list scrollable, but then the text elements are not appearing outside of the sidebar.
What am I doing wrong here and how could I fix this, so the list is scrollable and the text elements appear on hover?
I have a react Sidebar component with scss styles. The sidebar has the main list 'sidebar_list' with smaller subMenus. Each subMenu has elements with an svg and a text. The sidebar is collapsable, so the text elements (spans) hide when collapsed. When the sidebar is collapsed and I hover over the Link, the text appears position absolutely outside of the sidebar. This is the expected behaviour.
However, the 'sidebar_list' is currently not scrollable vertically. If i make 'overflow-y: auto' (or scroll), it makes the list scrollable, but then the text elements are not appearing outside of the sidebar.
What am I doing wrong here and how could I fix this, so the list is scrollable and the text elements appear on hover?
