Closed Bug 201716 Opened 21 years ago Closed 20 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: 20 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: