Skip to content

incorrect overflow handling selectmenu[multiple] inside fieldset #6077

Closed
cautionbug opened this Issue Jun 5, 2013 · 3 comments

3 participants

@cautionbug

i think this one's legit:
http://jsfiddle.net/3yEUu/6/

When a SELECT[multiple] is inside a FIELDSET, text-overflow is not applied to truncate with an ellipsis.

The only (seemingly) relevant CSS i can find is:

.ui-select .ui-btn-text { text-overflow: ellipsis; }

DOM Paths (starting from data-role="collapsible" tags):

div.ui-collapsible > div.ui-collapsible-content > h3 > div.ui-select > a.ui-btn > span.ui-btn-inner > span.ui-btn-text > span
fieldset.ui-collapsible > div.ui-collapsible-content > div.ui-select > a.ui-btn > span.ui-btn-inner > span-ui-btn-text > span

It appears the H3 as a descendant plays a critical role somewhere in JS? However, i tried H3 inside the FIELDSET. It's correctly turned into a title, but the HTML is the same as the other FEILDSET.

EDIT:
jQM 1.3.1 / jQ 1.10.1, just for clarification. (also tried 1.9 in the fiddle, same result)

EDIT 2:
May want to change title. i realized after that i'd specified "collapsible" fieldset. The issue isn't dependent on collapsible.

@jaspermdegroot
jQuery Foundation member

JS Bin with latest code: http://jsbin.com/ayumal/32/edit

@jaspermdegroot jaspermdegroot added a commit that closed this issue Jul 2, 2013
@jaspermdegroot jaspermdegroot Core CSS: Unset browser default min-width for fieldset. Fixes #6077.
The min-width was causing issues in combination with white-space nowrap to get an ellipsis.
57adccc
@jaspermdegroot jaspermdegroot added a commit that referenced this issue Jul 2, 2013
@jaspermdegroot jaspermdegroot Core CSS: Unset browser default min-width for fieldset. Fixes #6077.
The min-width was causing issues in combination with white-space nowrap to get an ellipsis.
8e61a4e
@thojo
thojo commented Jul 20, 2013

Fix does't work in Firefox 22! IE10, Opera 12.16 OK.

@jaspermdegroot
jQuery Foundation member

Thanks @thojo, will look into Firefox.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.