0

I have a div with overflow-y: scroll, when I put my mouse on the div (and when there is a need for overflow), the scrollbar appears and works perfectly. When I move the mouse out of the div the scrollbar hides away.

I'm on Firefox 128.9esr(64-bit) for Oracle Linux 9.3, it's an Angular 17 application, and I work in a VM. It seems to be working on Chrome based browsers.

I can't reproduce the problem on other computer/JSfiddle and I work in closed environment on this project.

Everywhere it says that the scrollbar should always be visible when it is set to overflow: scroll (even when the mosue is out of the div), but that's not the case. When looking on SO, I found similar problem from MacOS users, and it seems to stem from the OS configuration. Firefox's developer tools doesn't display any warning around the class.

What bother me is that appart from how it shows, the scrollbar behaves normally. I need to have the correct behavior and I'm out of debbugging ideas. What other parameters could influence this behaviour ?

Improve this question
4
  • It is not really very clear what your problem is. Do you mean the always show scrollbars setting in firefox? If it is no longer present in your version of Firefox, try and find it in the OS. Scrollbars that hide are probably an intentional decision by the UI designers. I find it very annoying as well, just like scrollbars that get very thin when you're not on top of them. Form over function. Commented Nov 5 at 11:20
  • Codepen: Always display scrollbar in Mac OS works for me in Safari. Commented Nov 5 at 11:46
  • @KIKOSoftware No, the "always show scrollbar" is off on firefox. Normal CSS behaviour should follow bu that's not the case. I am the developper of this app and can make changes. Maybe Linux have some kind of "always reduce scrollbar", I'll look around thank you. Commented Nov 5 at 13:49
  • have you tried this? superuser.com/questions/1720362/firefox-scroll-bar-disappearing Commented Nov 5 at 14:05
Related questions
2533
How can I make a div not larger than its contents?
1100
Scroll to bottom of div?
694
CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.