424911 - scrollbars on prefpane cause rendering artifacts on buttons

Status: NEW

(Core :: Layout, defect)

Description

[mcdavis941 (sporadically reading bugmail)]

Attachment: HTML page with comments and annotated screenshots.

Here's a little strangeness I ran into with the Options window. If you trigger scrollbars on a prefpane, then any buttons within the prefpane get rendered strangely. If you're pushing it (mea culpa) then menulists get whacked too.

Not sure whether to call this a bug or not, since it only occurs in cases outside the normal use of Firefox. Still, it doesn't seem right.

I've only seen this with Fx3, but maybe it would happen with Fx2 if I made it overflow too.

I first ran into this with my theme because I adjust the height of the Options window and so had to look at scrollbars for some of the taller panes.

To make this happen with the default theme:

   1. Edit the default theme.
   2. Add the following code to the end of browser/skin/preferences/preferences.css. 
   3. Repackage and restart.

prefwindow#BrowserPreferences {
  height: 30.5em !important;
}

prefwindow:not([type="child"]) prefpane {
  border: 2px solid black;
}

prefpane {
  overflow:auto;
}

See attachment for screenshots.

Comment 1

[mcdavis941 (sporadically reading bugmail)]

Using:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b5pre) Gecko/2008032405 Minefield/3.0b5pre

Comment 2

[Philip Chee]

I'm moving this to Core->Layout to give this greater visibility. Do you have a regression range or has this always been the case?

Comment 3

[Philip Chee]

Also does this also happen on Linux and OSX?