741556 - Combination of :hover, :after, display:table result in unusable select element

Status: NEW

(Core :: CSS Parsing and Computation, defect)

Description

[Andrew]

Attachment: select_bug.html

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:11.0) Gecko/20100101 Firefox/11.0
Build ID: 20120312181643

Steps to reproduce:

Created a div with a child with :hover styles, another child with :after {display:table} styles, and a child select.


Actual results:

The select is unusable -- list of options drops down, but hover over the list immediately closes it.


Expected results:

The list should not disappear on hover.

Comment 1

[Kevin Brosnan [Ex-Mozilla]]

I cannot reproduce the issue from comment 0 - Mozilla/5.0 (X11; Linux x86_64; rv:14.0) Gecko/20120402 Firefox/14.0a1

Comment 2

[Chin Lee]

I am able to replicate in FF11 on Mac.

Comment 3

[Alice0775 White]

Reproduced on
http://hg.mozilla.org/releases/mozilla-beta/rev/097049b2438f
Mozilla/5.0 (X11; Linux i686; rv:12.0) Gecko/20100101 Firefox/12.0 ID:20120321033733
http://hg.mozilla.org/releases/mozilla-beta/rev/e78e518d5269
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0) Gecko/20100101 Firefox/12.0 ID:20120328051619

But I can not reproduce Firefox13 and later.
Fixed range:
http://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=6799a5e6912f&tochange=4bd80687cb32

This seems to be fixed by Bug 732667

Comment 4

[Boris Zbarsky [:bzbarsky]]

The basic issue is that the styles led to a reframe of the select for whatever reason (something bug 732667 works around).

And then you hit the bug on reframing selects, which I can't find at the moment.

Comment 5

[Mike Weiss]

This bug appears to still exist in FF 21 for OSX and Windows 7. Ran into issue while using Bootstrap grid within a dropdown menu.