Closed Bug 201716 Opened 23 years ago Closed 22 years ago

overflow: auto and scroll problems. see details

Categories

(Core :: Layout: Block and Inline, defect)

Product:
Core
Component:
Layout: Block and Inline
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 210657

People

(Reporter: sgi, Unassigned)

References

Details

(Keywords: testcase)

Attachments

(2 files, 1 obsolete file)

document in comment 0
8.67 KB, text/html
Details
Simplified testcase
1.57 KB, text/html
Details
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; MyIE2; .NET CLR 1.0.3705) Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4a) Gecko/20030401 overflow: auto - doesn't create the vertical scroller and if you change size of the browser window the horizontal scroller desapears too until a page will be reloaded. overflow: scroll - doesn't create the horizontal scroller, the vertical scroller is shown but doesn't work at all. P.S. The following CCS statement doesn't create right border for document but creates right border for inner table, I'm not sure this behaviour is correct.... body { border-right: 3px solid #334688; } Reproducible: Always Steps to Reproduce: 1.Make browser window smaller Actual Results: see details Expected Results: try to view attached page in IE6 <html> <head> <title>Page</title> </head> <style type="text/css"> <!-- body { margin: 11px; overflow: hidden; border-right: 3px solid #334688; font: Verdana, Arial; } table { width: 100%; height: 100%; table-layout: fixed; } td { width: 100%; vertical-align: top; padding: 0px; } .my-overflow { padding: 11px; width: 100%; height: 100%; overflow: scroll; } .title { background-color: #334688; color: #FFFFFF; font-weight: bold; vertical-align: middle; padding: .45em 11px .45em 11px; } .my-table-color { background-color: #FFFFFF; border-color: #F5F5F5; } .my-td { height: 100%; } --> </style> <body bgcolor="#F5F5F5"> <table cellspacing="0" class="my-table-color"> <tbody> <tr><td class="title"> <span>Title</span> </td></tr> <tr><td class="my-td"> <div class="my-overflow"> ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffff </div> </td></tr> </tbody> </table> </body> </html>
Attached file document in comment 0 —
This is not a cleaned up testcase, simply a cut and paste job from comment 0. Reporter, in the future please file the bug report and then attach an html document via "Create New Attachment". It makes it much easier for people to test.
I'm seeing the difference you noticed, but at first glance a few of your assumptions and findings seem off. Mainly te fact that mozilla is not drawing the horizontal scrollbar - it is but it happens to be below the viewport. I suspect this is invalid, but the document needs more QA. lowering severity as this isn't blocking development.
Severity: blocker → normal
Keywords: qawanted
OS: Windows 2000 → All
Hardware: PC → All
Looks like a dup of the bug on tables not propagating overflow areas correctly (which is why the viewport has no vertical scrollbar).
Whiteboard: DUPEME
Attached file overflow: auto (obsolete) —
the vertical scrollbar is not present, the horizontal scrollbar disappears after you change size of browser's window
2 Chris Casciano >Mainly te fact that mozilla is not drawing >the horizontal scrollbar - it is but it happens to be below the viewport. Sorry but the fact that Mozilla draws scrollbars somewhere out of viewport doesn't make sense for me, anyhow I can't see and use it.. >lowering severity as this isn't blocking development. I understand that you have a lot of work to do and I respect your work, but this is not the only one problem with tables sizes, and unfortunatelly until they won't be fixed we will see the message "please upgrade your browser to IE".. P.S. If you need additional test files or detailed instructions how to reproduce the problems described above pls let me know. SI
(a) I was referring to your initial comment "overflow: scroll - doesn't create the horizontal scroller, the vertical scroller is shown but doesn't work at all." - The horizontal scrollbar that is associated with the not working vertical scrollbar is in fact rendered, but its very far down in the document where you can't scroll to due to the issues with the viewport scrollbars (b) severity as its used here, relates to the development of the mozilla suite. A "blocker" is something that "Blocks development and/or testing" of the product. Its not an indicator of how much a bug impacts a non-mozilla project. That's generally handled via the Priority & target milestone fields (usually set by development team, of which i'm not). Marking dependant on bug 194822 and punting on the dupe search cause i needs some sleep
Status: UNCONFIRMED → NEW
Depends on: 194822
Ever confirmed: true
Re comment 3: the problems in propagation of overflow areas should relate to internal table elements, not the table itself.
Assignee: dbaron → block-and-inline
Component: Style System → Layout: Block & Inline
Not sure if this is the best issue to include this problem with, but ... When using overflow: auto or overflow: scroll, a dropdown selection box in a <td> will not drop down. Clicking selects the dropdown and the arrow keys can be used for selection. However, the choices in the box will not be shown.
Attached file Simplified testcase —
Attachment #120288 - Attachment is obsolete: true
*** This bug has been marked as a duplicate of 210657 ***
Status: NEW → RESOLVED
Closed: 22 years ago
Keywords: qawanted → testcase
Resolution: --- → DUPLICATE
Re: Dan Kolz, comment 8: that sounds like 96756, which has been fixed... If you have a testcase that shows the problem in Mozilla 1.7a or newer, then please file a new bug (check for dupes first).
Whiteboard: DUPEME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: