Inline select is not inline

[mrextreme]

When we display inline selects, they are formatted as inline so their width is not 100% but automatic, however the encapsulating div is still styled as block and not as inline or inline-block, so an inline select still occupies a whole - mostly empty - line, and we cannot put anything next to them.

jQM 1.3.0

Example code: http://jsbin.com/upenoj/1/

My quick fix for that is

.inline-block
{
    display: inline-block;
}

And in the assembled jQM 1.3.0 JS file, in _preExtension(), at line 9761 ( just before "this.select = this.element.removeClass" :

if( $.data( this.element[0], 'inline' ) )
    classes += " inline-block";

I tried it with data-inline="true", "false" and no data-inline whatsoever, and it worked all three times perfectly.

[mrextreme]

By the way, after applying this fix, data-shadow="true" on a select (which just is a good old button) suddenly makes sense.

[jaspermdegroot]

Agreed. The wrapper should be inline as well or there shouldn't be a wrapper at all.

[mrextreme]

1.4.0? Damn...

[jaspermdegroot]

@mrextreme

To fix this we have to make changes to markup or add the style classes to a different element. Bigger changes like that shouldn't go in a maintenance release so I set the milestone to the next point release.