Skip to content

Horizontal alignment bug with jQuery mobile 1.1.1 #4765

Closed
pardthemonster opened this Issue Jul 29, 2012 · 1 comment

2 participants

@pardthemonster

There seems to be a bug under jQuery mobile 1.1.1 when using:
div data-role="controlgroup" data-type="horizontal"

An example page using jQuery 1.1.1 is here showing that "Phone Us" and "View Map" don't align properly:
http://m.drbonine.com/bug/location.html

The prior effect from 1.1.0 can be seen here where "Phone Us" and "View Map" align properly:
http://m.drbonine.com/location.html

This has also been confirmed using the nightly build of jQuery mobile: http://m.drbonine.com/bug_nightly/location.html

@jaspermdegroot
jQuery Foundation member

@pardthemonster

I will commit a change that makes it possible again to center the controlgroup buttons with the vertical-align property.
In the meantime you can add this to your custom CSS to fix it:

'''.ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block !important; width: auto !important; }'''

@jaspermdegroot jaspermdegroot added a commit that closed this issue Aug 2, 2012
@jaspermdegroot jaspermdegroot Controlgroup: keep the possibility to center the controls with vertic…
…al-align property. Fixes #4765 - Horizontal alignment bug with jQuery mobile 1.1.1
9403cf0
@jaspermdegroot jaspermdegroot added a commit that referenced this issue Aug 2, 2012
@jaspermdegroot jaspermdegroot Controlgroup: keep the possibility to center the controls with vertic…
…al-align property. Fixes #4765 - Horizontal alignment bug with jQuery mobile 1.1.1
74a4378
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.