Closed
Bug 288673
Opened 19 years ago
Closed 19 years ago
Vertical scrollbar is not hidden when an absolute div with scrolling is hidden
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 187435
People
(Reporter: brindley_aj, Assigned: bugzilla)
Details
User-Agent: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.6) Gecko/20050317 Firefox/1.0.2 Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.6) Gecko/20050317 Firefox/1.0.2 I have a DIV that is absolutely positioned with content overflow set to auto. The content runs off the bottom of the div, and it correctly displays the vertical scrollbar. If I then hide the layer via javascript, the layers hide, but the vertical scrollbar remains. If I load the page with the layers already hidden, the rogue vertical scrollbar is visible. Reproducible: Always Steps to Reproduce: Past the following text into a document, save and drop onto Firefox. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <meta name="generator" content="Adobe GoLive"> <title>Untitled Page</title> <style type="text/css" media="screen"><!-- #layer1 { visibility: hidden; position: absolute; top: 18px; left: 18px; width: 370px; height: 100px; overflow: auto } --></style> </head> <body bgcolor="#ffffff"> <div id="layer1"> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.</div> <p></p> </body> </html> Actual Results: Vertical scrollbar should be hidden with the layer, but is visible even though the layer is not. Expected Results: Vertical scrollbar should be hidden with the layer. Renders correctly in Firefox for windows, Safari etc.
Reporter | ||
Comment 1•19 years ago
|
||
There is a clumsy workaround. See following code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <meta name="generator" content="Adobe GoLive"> <title>Untitled Page</title> <style type="text/css" media="screen"><!-- #layer1 { visibility: visible; position: absolute; top: 50px; left: 18px; width: 370px; height: 100px; overflow: auto } --></style> </head> <body bgcolor="#ffffff"> <p><a href="#" onclick="document.getElementById( 'layer1' ).style.overflow = 'Hidden'; document.getElementById( 'layer1' ).style.visibility = 'Hidden';">Hide</a> | <a href="#" onclick="document.getElementById( 'layer1' ).style.visibility = 'Visible'; document.getElementById( 'layer1' ).style.overflow = 'auto';">Show</a></p> <div id="layer1"> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.<br> This is my text.</div> </body> </html>
*** This bug has been marked as a duplicate of 187435 ***
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•