Skip to content

Loading…

Checkboxes in dialogs must be wrapped in a controlgroup fieldset #3580

Closed
robcaldecott opened this Issue · 0 comments

2 participants

@robcaldecott

If you have a checkbox on a page then it must be wrapped in a controlgroup fieldset else it won't display correctly when opened as a dialog box. I am using jQM 1.0.1.

        <div data-role="page" id="home">
            <div data-role="header">
                <h1>Test</h1>
            </div>

            <div data-role="content">
                <a href="#page1" data-role="button">Page</a>
                <a href="#page2" data-role="button" data-rel="dialog">Dialog</a>
            </div>
        </div>

        <div data-role="page" id="page1">
            <div data-role="header">
                <h1>Test</h1>
            </div>

            <div data-role="content">
                <input type="checkbox" name="checkbox-0" id="checkbox-0" class="custom" />
                <label for="checkbox-0">I agree</label>
            </div>
        </div>

        <div data-role="page" id="page2">
            <div data-role="header">
                <h1>Test</h1>
            </div>

            <div data-role="content">
                <input type="checkbox" name="checkbox-0" id="checkbox-0" class="custom" />
                <label for="checkbox-0">I agree</label>
            </div>
        </div>
    </body>```
@Wilto Wilto was assigned
@Wilto Wilto added a commit that closed this issue
@Wilto Wilto Fixes #3580 — Fixes radio/checkbox rendering inside dialogs when not …
…wrapped in fieldcontain. Also addresses some general brokenness for radio/checkboxes in dialogs.
c926aa1
@Wilto Wilto closed this in c926aa1
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.