440030 - horizontal bar covered by chat div in gmail

Status: REOPENED

(Firefox :: General, defect)

Description

[Samuel Smith]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008052906 Firefox/3.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008052906 Firefox/3.0

The horizontal on gmail can be covered by opening a chat div.  Note that after using firebug to play with some of the styles on the chat div that the vertical bar can also be covered by the chat div.  Both scenarios should be impossible.

Reproducible: Always

Steps to Reproduce:
1. open gmail and login
2. resize window so that a horizontal bar is shown
3. open a chat with a contact
Actual Results:  
horizontal bar is covered by the chat div that is embedded in the webpage

Expected Results:  
the chat div should appear just above the horizontal bar.  It should be impossible to cover the horizontal bar with any html element

I'm guessing the problem is caused by a combination of absolute positioning an element to appear over the horizontal / vertical bar and setting its zindex greater than 0.

Comment 1

[Samuel Smith]

Attachment: screenshot of error

screenshot of the bug

Comment 2

[Tyler Downer [He/Him]]

Reporter, are you still seeing this issue with Firefox 3.6.9 or later in safe mode? If not, please close. These links can help you in your testing.
http://support.mozilla.com/kb/Safe+Mode
http://support.mozilla.com/kb/Managing+profiles

Comment 3

[Samuel Smith]

Attachment: Horizontal Scrollbar can be covered by div

My previous description sounded pretty bad as I didn't know what the bug was until I saw the screenshot.  Hopefully I do better this time around.

In a nutshell, it is possible on a webpage to cover the page's horizontal scrollbar (if present) using a div.  As a web developer, I'm fairly certain that should not be possible.  I still see this behavior on firefox 3.6.9 on 64-bit Windows 7 Professional when looking at gmail.  

To reproduce, do:
    1.) open gmail, 
    2.) open chat window, and
    3.) resize window so that there are vertical and horizontal scrollbars.  

The bug should manifest at this point.

I'm very good at keeping up with my e-mail and responding, so if anyone wants further assistance reproducing the bug I would be happy to help.  I wish I had time to isolate the styles that cause the bug, but I believe it is absolute positioning (top: 0px; left: 0px;) coupled with percentage sizes (width: 100%; height: 100%).

Comment 4

[Samuel Smith]

I just tried this in safe mode and the bug is still there.  :(

Comment 5

[Tyler Downer [He/Him]]

Reporter, Firefox 4.0.1 has been released, and it features significant improvements over previous releases. Can you please update to Firefox 4.0.1 or later, and retest your bug? Please also create a fresh profile (
http://support.mozilla.com/kb/Managing+profiles), update your plugins (Flash, Java, Quicktime, Reader, etc) and update your graphics driver and Operating system to the latest versions available. 

If you still continue to see this issue, please comment. If you do not, please close this bug as RESOLVED > WORKSFORME

filter: prefirefox4uncobugs

Comment 6

[Samuel Smith]

The "bug" still manifests in firefox 4.0.1.  I noticed this "bug" also manifests in chrome 11.0.696.77, and ie9.  So...  I'm thinking that perhaps this is more of a bug specific to that gmail page itself...

For this reason, I am marking the bug as resolved, but it does still happen.

Odd bug.

Comment 7

[Scott Johnson (:jwir3)]

George Barnick has reported this on the nightly testers mailing list in current nightly:
http://www.majhost.com/gallery/Meiko/Firefox/Errors firefox_8_horizontal_scrollbar_error_on_gmail.png

Looks like it's intermittent, though.

Comment 8

[Scott Johnson (:jwir3)]

Attachment: Scrollbar Error on FF8