I have come across an issue with my webpage. I am utilizing a menu of icons on the left side, and it shows a span when I hover over an icon. Since my list is quite long, I want it to display a scrollbar if the window size is smaller:
overflow-y: auto;
overflow-x: hidden;
placed under #navigationMenu.
However, using the above code causes the span to hide under the scrollbar on the right. If you remove the overflow properties, the span overlaps correctly - which is what I aim for. Sadly, removing the overflow items under #navigationMenu makes the menu impossible to scroll.
To provide a better understanding, I've created a Fiddle: https://jsfiddle.net/x2rLaaqL/3/
[CSS code here][HTML code here]The main issue seems to be related to the overflow property.
#navigationMenu {
position: fixed;
width: 65px;
overflow-y: auto;
overflow-x: hidden;
}