140280 - Form elements in hidden div have visible scrollbar

Status: VERIFIED WORKSFORME

(Core :: Layout: Form Controls, defect, P2)

Description

[Garrett Smith]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en-US; rv:1.0rc1)
Gecko/20020417
BuildID:    2002041712

On the page are 7 content divs. on content div 2 is a form element with a
scrollbar. The scrollbar is fully visible through the first content div. There
is another form element on content div 3 near the bottom of the page that also
bleeds through (scroll down).

When a content div is hidden with javascript, the form element's scrollbar is
hidden, too. The problem occurs when the form element's visibility is initially
set to hidden in the css.

Reproducible: Always
Steps to Reproduce:
1. go to http://127.0.0.1/dhtmlkitchen/dhtml/ui/tabs/index.jsp
2. look at the funny scroll bar content div 1
3. click tab2, click tab1. 
4. scrollbar is gone.

Actual Results:  Form elements should inherit visibility property by default.

Expected Results:  Form element scrollbars did not inherit visibility prop.

Comment 1

[Christopher Hoess (gone)]

->Form Controls, and please give a *useful* address for Dhtmlkitchen (we're not
all at your machine...) ;-)

Comment 2

[Garrett Smith]

Did I forgot to invite you? I'm sorry about that. 

http://dhtmlkitchen.com/dhtml/ui/tabs/index.jsp

Comment 3

[Christopher Hoess (gone)]

Hmmm.  This WFM (I only see the scrollbar when I switch to the second tab) in a
Linux CVS build from today's trunk.  Anyone testing with branch builds?

Comment 4

[Boris Zbarsky [:bzbarsky]]

This worksforme with today's builds on Linux, trunk and branch.  I strongly
suspect this is Mac-only or even OSX-only.  Garrett, do you see this on any
other systems?

Comment 5

[Greg K.]

Confirmed using FizzillaCFM/2002041712 (RC1). A vertical scrollbar draws in the
middle of the page. Screenshot to follow.

Reassigning to Layout.

Comment 6

[Greg K.]

Attachment: Screenshot showing anomalous vertical scrollbar in the middle of the page

Comment 7

[Boris Zbarsky [:bzbarsky]]

No, form controls is the right place, assuming you want this assigned to someone
who knows the relevant code.... :)

Comment 8

[Garrett Smith]

Attachment: form scrollbar is visible through hidden div

Comment 9

[rods (gone)]

over to don, we can talk about this...

Comment 10

[Boris Zbarsky [:bzbarsky]]

*** Bug 143680 has been marked as a duplicate of this bug. ***

Comment 11

[Garrett Smith]

Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en-US; rv:1.0.0) Gecko/20020529

I have updated the url:

http://dhtmlkitchen.com/dhtml/ui/tabs/index1.jsp

The hidden form element's scrollbar is still visible with the latest mozilla.
The demo also exhibits the same behavior: showing the scrollbars of a form that
inherits a visibility property of hidden.

Take a look at bug 135782. It's like the same thing only with table borders
instead of scrollbars. The visibility inheritance principal is not respected. 

Comment 12

[Carine Held]

WFM in Mac OSX, 1/7/03 Trunk, including the demo.

Comment 13

[Boris Zbarsky [:bzbarsky]]

Garrett Smith, you're testing with 1.0?  Please test with 1.3a or a current
nightly?  Or is the build string in comment 11 incorrect?

Comment 14

[Garrett Smith]

Comment 11 is correct, I was using 1.0 then. Now I'm using 1.2.1, build id
20021130. I'm using modern theme now, and I don't see the problem. I am not able
to get the default system skin, just modern and classic. 

If I can get the default system skin, I can verify comment 12. 

Comment 15

[Boris Zbarsky [:bzbarsky]]

this was fixed after 1.0...

Comment 16

[Carine Held]

Verified as being fixed