Tooltip on select makes the drop down list to hide options when using flex box on Firefox 31.

[zenilt]

When using Firefox (31) I have added a display: flex to the body in order to position a footer.

Now, when I add a tooltip to a select element on the page, it prevents the user to select an option because the drop down list is hidden along with the tooltip. (on mouse leave)

Fiddle: ​http://jsfiddle.net/zenilt/2628x926/

[tj.vantoll]

This is an interesting one. I reduced it some: ​http://jsfiddle.net/tj_vantoll/2628x926/3/. It indeed only fails in Firefox with display: flex. It works fine in Chrome and Safari. It also fails in IE, but that's a separate known issue (#8798).

I'm very curious why flexbox is messing with this.

[Scott González]

Filed as a bug in Firefox: ​https://bugzilla.mozilla.org/show_bug.cgi?id=1137328

I don't expect us to be able to do anything about this, but I'll keep this open until we get confirmation that there's no workaround.

[Scott González]

It looks like working around the Firefox bug would require substantial changes to how tooltip is implemented. I'll close this as wontfix and we can just put pressure on Mozilla to fix.