Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Horizontal alignment bug with jQuery mobile 1.1.1 #4765

Closed
pardthemonster opened this Issue · 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
Collaborator

@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 closed this issue from a commit
@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 referenced this issue from a commit
@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.