Clever Geek Handbook

Firefox hides vertical scrollbar if element height is less than 32px

in FF3 (3.0.14) I see an issue where the vertical scrollbar is hidden on an element if its height is less than 32px. In my (much simplified) example below, the scrollbar does not appear on "shouldScroll" - although its child is larger than that until I increase its height. Does anyone know if this is a known issue with specific FF versions and / or if there are any workarounds?

Cheers, Alistair

PS sorry for the formatting, if someone can tell me how best to embed html in my post it would be very grateful

<html>
<head>
</head>
<body>
<div id="shouldScroll" style="height: 20px; overflow: auto; background-color: red">
<div id="child" class="popupText" style="width: 100px; height: 100px;">Run Test</div>
</div>
</body>
</html>
+2


source to share


3 answers


There is a known bug ( https://bugzilla.mozilla.org/show_bug.cgi?id=292284 , Atoms are correct when scroll buttons are not appropriate) and I am not realizing any workarounds.



0


source


I'm not a web developer, but I noticed 32 which is a bit of a magic number when referring to images. The two buttons on the scrollbar are probably 16px high. I suppose Firefox hides the scrollbar when the client area is smaller than the two buttons.



Sorry, dont know how to fix your real problem.

+1


source


Trevor's answer is correct. To see the scrollbar, just add some height to the outer div.

0


source






More articles:


All Articles