Horizontal alignment bug with jQuery mobile 1.1.1 #4765

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

Comments

Projects
None yet
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

@ghost ghost assigned jaspermdegroot Jul 29, 2012

@jaspermdegroot

This comment has been minimized.

Show comment
Hide comment
@jaspermdegroot

jaspermdegroot Aug 2, 2012

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; }'''

Member

jaspermdegroot commented Aug 2, 2012

@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 added a commit that referenced this issue Aug 2, 2012

Controlgroup: keep the possibility to center the controls with vertic…
…al-align property. Fixes #4765 - Horizontal alignment bug with jQuery mobile 1.1.1
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment