Strange focus onclick with blackberry OS6 #2476

rguillemette opened this Issue Sep 19, 2011 · 4 comments


None yet
3 participants

I'm getting a strange issue on Blackberry OS6.
The content get some kind of focus if I click on a radio button.
Printscreen :
Forum topic :

A simple test page with the issue :

<html xmlns=""> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <meta name="viewport" content="target-densitydpi=device-dpi" />
    <link rel="stylesheet" href="/css/" />
    <script src="/JavaScript/mobile/jquery-1.6.2.min.js"></script>
    <script src="/JavaScript/mobile/"></script>

    <div data-role="page">

        <div data-role="header">
            <h1>Page Title</h1>
        </div><!-- /header -->

        <div data-role="content">   
            <p>Page content goes here.</p>  
            <div data-role="fieldcontain">
                <fieldset data-role="controlgroup">
                    <legend>Choose a pet:</legend>
                        <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
                        <label for="radio-choice-1">Cat</label>

                        <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
                        <label for="radio-choice-2">Dog</label>

                        <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
                        <label for="radio-choice-3">Hamster</label>

                        <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
                        <label for="radio-choice-4">Lizard</label>
        </div><!-- /content -->

        <div data-role="footer">
            <h4>Page Footer</h4>
        </div><!-- /footer -->
    </div><!-- /page -->


toddparker commented Sep 20, 2011

Can you post a jsbin or jsfiddle using the latest build so we can reproduce?

Also, are you seeing this in our demos and docs too?

You can get the same issue on jquerymobile demo (beta 3) with the radio button. After a click on an radio element, the background is selected and become blue.
Printscreen in blackberry simulator on jQuery mobile demo page :

Same issue if I try on

jsfiddle :

@ghost ghost assigned scottjehl Sep 20, 2011


toddparker commented Sep 20, 2011

I was able to reproduce this, we'll take a look.


toddparker commented Sep 28, 2011

Fixed by the commit above.

@toddparker toddparker closed this Sep 28, 2011

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