[jbosstools-issues] [JBoss JIRA] (JBIDE-15201) JQuery Mobile "Checkboxes" does not render properly on desktop browsers

[Alexey Kazakov (JIRA)]

    [ https://issues.jboss.org/browse/JBIDE-15201?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12789754#comment-12789754 ] 

Alexey Kazakov commented on JBIDE-15201:
----------------------------------------

I don't see any problem with the checkbox widget.

1. I created kitchensink-htm5-mobile project.
2. Added a checkbox to the registration form:
{code}
                <!-- /Header -->

                <div data-role="content">

                    <!-- For now mapping bean validation constraints from server side model is a manual task -->
                    <form name="reg" id="reg" data-ajax="false">
                        <fieldset>
                            <legend>Register a member:</legend>
                            <div>
                                <label for="name">Name:</label>
                                <input type="text" name="name" id="name" placeholder="Your Name" required autofocus/>
                            </div>
                            <div>
                                <label for="email">Email:</label>
                                <input type="email" name="email" id="email" placeholder="Your Email" required/>
                            </div>
                            <div>
                                <label for="phoneNumber">Phone #:</label>
                                <input type="tel" name="phoneNumber" id="phoneNumber" pattern="[0-9]{10,12}" placeholder="Your Phone #" required/>
                            </div>
                            <div>
				<label><input type="checkbox" name="checkbox-1" id="checkbox-1"/>I agree</label>
                            </div>
                            <div id="formMsgs"></div>
                            <div data-role="controlgroup" data-type="horizontal">
                                <input type="submit" id="register" value="Register"/>
                                <input type="button" name="cancel" id="cancel" value="Cancel"/>
                            </div>
                        </fieldset>
                    </form>
                </div>
{code}

3. Deployed to AS 7.1
4. It renders fine on my chrome, firefox, browserSim:

*External chrome:*

!chrome.png|thumbnail!

*External FireFox:*

!firefox.png|thumbnail!

*Internal FireFox:*

!int.png|thumbnail!

*BrowserSim:*

!browserSim.png|thumbnail!
                
> JQuery Mobile "Checkboxes" does not render properly on desktop browsers
> -----------------------------------------------------------------------
>
>                 Key: JBIDE-15201
>                 URL: https://issues.jboss.org/browse/JBIDE-15201
>             Project: Tools (JBoss Tools)
>          Issue Type: Bug
>          Components: jsp/jsf/xml/html source editing
>    Affects Versions: 4.1.0.CR1
>            Reporter: Karel Piwko
>         Attachments: browserSim.png, chrome.png, firefox.png, int.png, jquery-mobile-checkboxes-desktop.png
>
>
> JQuery Mobile palette does render properly on desktop browser (internal browser, chrome).
> How to reproduce:
> 1/ Create mobile example from JBoss Central
> 2/ Add "Checkboxes" from JQuery Mobile palette
> 3/ Deploy and open on desktop

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira