[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=12790071#comment-12790071 ] 

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

OK. I can reproduce the problem with checkboxes.
This is an upstream issue. Probably in src/main/webapp/css/d.screen.css
If the size of the screen is 640px or more then d.screen.css is loaded instead of the jQuery Mobile css.
So you can see that checkboxes renders fine in BrowserSim for example:

{code}
            test: Modernizr.mq( "only all and (max-width: 640px)" ),
            yep: {
                //assign labeled callbacks for later execution after script loads.
                //we are on mobile device so load appropriate CSS
                "jqmcss": "css/jquery.mobile-1.1.0.min.css",
                // For minification, uncomment this line
                //"mcss": "css/m.screen.min.css"
                // For minification, comment out this line
                "mcss": "css/m.screen.css"
            },
            nope: {
                //we are on desktop
                // For minification, uncomment this line
                //"scss": "css/d.screen.min.css"
                // For minification, comment out this line
            	"scss": "css/d.screen.css"
            },
{code}
                
> 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: upstream
>    Affects Versions: 4.1.0.CR1
>            Reporter: Karel Piwko
>            Assignee: Alexey Kazakov
>             Fix For: 4.2.0.Alpha1
>
>         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