jquery/jquery-mobile — Issue #3279: toggle-select switches odd display width
Author: pehrlich
Created: 2011-12-15 20:46:27+00:00
State: open

When Displaying a on single line:

#{label}

Off

On

The select element is styled with a width of 43% and the label a width of 20%, giving a large empty space on the page.

Furthermore, there appears to be alternative styling based upon width. Perhaps because of this wasted space, it switches to a multiline view far before it is necessary.

jquery.mobile-1.0.css:

.ui-field-contain div.ui-slider {
width: 43%; /* (overriding a 98% width and 60% width) */
}

.ui-field-contain label.ui-slider {
width: 20%;
}