jquery/jquery-mobile — Issue #3150: Overflow text not truncated with select menus in control groups
Author: begmandev
Created: 2011-11-23 15:17:16+00:00
State: open

When placing a select menu form element inside of a list, options with long overflow text are not being truncated when the select menu(s) are placed within a control group.

Here is a jsbin that demonstrates the problem: http://jsbin.com/isulep

In the above example, if you select the option with long text in the first set of list boxes, depending on your page/screen dimensions, the select menu automatically expands beyond the margins of the list itself.

However, if you use a standard select menu that is not contained in a control group the long label text gets truncated as expected when selecting that option.

I was able to reproduce this issue on Firefox 3.6, Chrome 15.x, and iOS 5.0.1. Interestingly, this doesn't seem to be a problem in Internet Explorer 8.