overflow: auto and scroll problems. see details

RESOLVED DUPLICATE of bug 210657

Status

()

Core
Layout: Block and Inline
RESOLVED DUPLICATE of bug 210657
15 years ago
4 years ago

People

(Reporter: Serge, Unassigned)

Tracking

({testcase})

Trunk
testcase
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(2 attachments, 1 obsolete attachment)

(Reporter)

Description

15 years ago
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>

Comment 1

15 years ago
Created attachment 120269 [details]
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.

Comment 2

15 years ago
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
(Reporter)

Comment 4

15 years ago
Created attachment 120288 [details]
overflow: auto

the vertical scrollbar is not present, the horizontal scrollbar disappears
after you change size of browser's window
(Reporter)

Comment 5

15 years ago
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



Comment 6

15 years ago
(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

Comment 8

15 years ago
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.

Comment 9

14 years ago
Created attachment 142552 [details]
Simplified testcase
Attachment #120288 - Attachment is obsolete: true

*** This bug has been marked as a duplicate of 210657 ***
Status: NEW → RESOLVED
Last Resolved: 14 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).

Updated

4 years ago
Whiteboard: DUPEME
You need to log in before you can comment on or make changes to this bug.