Scrollbar appears when nothing is visible to scroll to

RESOLVED INVALID

Status

()

Core
DOM: CSS Object Model
RESOLVED INVALID
16 years ago
16 years ago

People

(Reporter: tfarrell, Assigned: jst)

Tracking

Trunk
PowerPC
Mac OS X
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

16 years ago
From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en-US; rv:0.9.9+)
Gecko/20020318
BuildID:    2002031815

In the page at http://www.tomfarrell.org/ , there is a DIV element which  has
its VISIBILITY property set to HIDDEN in CSS. However, the scrollbar for the
window behaves as if the DIV was there to be seen and scrolled along, although
there is in fact nothing visible "below the fold", so the scrollbar should be
inactive.

Reproducible: Always
Steps to Reproduce:
1. Go to http://www.tomfarrell.org/
2. Wait until photo appears.



Actual Results:  The page loads and the scrollbar is active even though there is
nothing visible to scroll to.

Expected Results:  The page should load and the scrollbar should be inactive.

As I anticipate that someone might suppose I'm just using the wrong value of the
"visibility" style, I tried setting the visibility style of the DIV to
"collapse" to see if that might do it, but that just interferes with the
displayability of the contents of the DIV without effecting the behavior of the
scrollbar.

The W3C standard says "collapse" is for "row, row group, column, and column
group" elements, and I don't think that includes DIV. Consequently, I think my
code is right and the behavior of the scrollbar is incorrect.

I'm tempted to reduce the severity from "normal" to "minor", but every single
test user I've had look at the site immediately scrolls down to see what's there
and then complains about it, so obviously this is having a distinct negative
impact on the user experience of my site.
You want  display:none  not  visibility:hidden  .

There is something to see -- the <body> element stretches down that far
regardless of whether you can see why it is being stretched. If you use
display:none instead of visibility:hidden, it won't stretch.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 16 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.