submit button in header renders incorrectly #4642

Closed
jferguson opened this Issue Jul 4, 2012 · 4 comments

Projects

None yet

3 participants

@jferguson

classes ui-btn-right and ui-submit are added without space "ui-btn-rightui-submit" which causes the button to render 100% width and out of place. This code worked in 1.1.0:

    <div data-role="header" data-theme="d">
           <a data-icon="arrow-l" data-theme="d">Back</a>
           <h1 class="ui-title">Title</h1>
           <input type="submit" class="ui-btn-right" value="Save" />
    </div>
@jaspermdegroot jaspermdegroot added a commit that closed this issue Jul 4, 2012
@jaspermdegroot jaspermdegroot Button widget: Rewrote code that adds class ui-submit. Fixes #4642 - …
…submit button in header renders incorrectly [1.1.2.]
866bb5d
@jaspermdegroot
jQuery Foundation member

@jferguson - Thanks for reporting the issue. Just fixed it.

@jaspermdegroot jaspermdegroot added a commit that referenced this issue Jul 10, 2012
@jaspermdegroot jaspermdegroot Button widget: Rewrote code that adds class ui-submit. Fixes #4642 - …
…submit button in header renders incorrectly [1.1.2.]
8f77d1c
@jitbit

I still see this bug in 1.4.0. "button" and "input submit" are rendered incorrectly

@jaspermdegroot
jQuery Foundation member

@jitbit - Can you provide a simple test page? Thanks!

JS Bin template: http://jsbin.com/AKOmUxa/1/edit

@jitbit

Sorry, my bad, forgot to add "ui-btn-right ui-btn ui-btn-inline" classes to my button... Sorry guys

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment