545685 - Borders of <select> drop down are incorrectly rendered (missing or too thick) in different situations

Status: RESOLVED WORKSFORME

(Core :: Layout: Form Controls, defect)

Description

[Dominykas Blyžė]

User-Agent:       Opera/9.80 (Windows NT 5.2; U; en) Presto/2.2.15 Version/10.10
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.9.1.7) Gecko/20091221 Firefox/3.5.7 (.NET CLR 3.5.30729)

See the attached screenshot and test case HTML.

I'm using system defaults for the test case. If at least one of the styles (width or parent margin) are removed - the border is drawn.

It seems that this is due to some rounding error, because I'm defining the sizes in ems - I don't think it happens when integer px values are used.

On the website I'm working on, there are more such cases - it only happens on certain combinations. The only viable workaround is to use px instead of em.

Reproducible: Always

Steps to Reproduce:
Test case attached.
Actual Results:  
The right border does not appear, when the select is expanded (see the screenshot - it shows the incorrect and correct versions).


I think that these bugs are related:
https://bugzilla.mozilla.org/show_bug.cgi?id=492718
https://bugzilla.mozilla.org/show_bug.cgi?id=406499

The bug is also present in Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.9.0.12) Gecko/2009070611 Firefox/3.0.12 (.NET CLR 3.5.30729) for the same file.

Comment 1

[Dominykas Blyžė]

Attachment: Test case (Win)

Comment 2

[Dominykas Blyžė]

Attachment: Screenshot (Win)

Comment 3

[Dominykas Blyžė]

Attachment: Testcase (Mac)

The same can be witnessed on Mac, if the border: 1px solid; is set and width is adjusted.

Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2) Gecko/20100115 Firefox/3.6

Comment 4

[Dominykas Blyžė]

Also reproducible on 3.6

Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.9.2) Gecko/20100115 Firefox/3.6

Comment 5

[Ria Klaassen (not reading all bugmail)]

I can indeed reproduce this with Firefox 3.6 but it is fixed on trunk:
http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-central/

Comment 6

[doum-ti-di-li-doom]

I see this with SeaMonkey 2.1 Beta 1

Comment 7

[gadjo]

Attachment: issue in XUL

Confirming on websites but it happens also in XUL in 4.0b9pre20110110

Comment 8

[Sebastian Zartner [:sebo]]

I can confirm that this also happens on Firefox 36.0a1 (2014-11-27) + Win7 64-bit.

Sebastian

Comment 9

[antoniofr1982]

Attachment: Bug FF37 select right border

Comment 10

[antoniofr1982]

I can confirm that this also happens on Firefox 37.0.1 + Win7 64-bit.

Antonio

Comment 16

[Sebastian Zartner [:sebo]]

From the duplicate bug reports this happens:
- independently from HWA being enabled
- on different OSs (confirmed on Windows and OS X)
- on different borders

and is related to the drop-down list not being rendered using the native appearance (bug 402625).

Sebastian

Comment 17

[Sebastian Zartner [:sebo]]

On Windows 10 I cannot reproduce this issue anymore. Is that still the case on other OSs?

Sebastian

Comment 18

[Chris Rebert]

The related Bootstrap issue was https://github.com/twbs/bootstrap/issues/20147 . Affected OS(es) unclear.

Comment 19

[Sebastian Zartner [:sebo]]

Unfortunately there was no feedback from the initial reporter. Reading through the comments again I saw that at least Windows 7 is affected. Anybody able to clarify whether current macOS versions are affected?

Sebastian

Comment 20

[BugBot [:suhaib / :marco/ :calixte]]

The severity field for this bug is relatively low, S3. However, the bug has 5 duplicates.
:emilio, could you consider increasing the bug severity?

For more information, please visit auto_nag documentation.

Comment 21

[Emilio Cobos Álvarez (:emilio)]

The non-native theme and so on fixed this. Maybe win7 is still affected, but it's fair to say we probably won't spend a lot of time fixing it there.