Strange focus onclick with blackberry OS6 #2476

Closed
rguillemette opened this Issue Sep 19, 2011 · 4 comments

Comments

Projects
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 : http://www.freeimagehosting.net/54996
Forum topic : http://forum.jquery.com/topic/blackberry-change-page-issue-auto-selecting-background

A simple test page with the issue :

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>test</title> 
    <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/jquery.mobile-1.0b3.min.css" />
    <script src="/JavaScript/mobile/jquery-1.6.2.min.js"></script>
    <script src="/JavaScript/mobile/jquery.mobile-1.0b3.min.js"></script>

</head> 
<body> 
    <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>
                </fieldset>
            </div>
        </div><!-- /content -->

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

</body>
Contributor

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 :
http://www.freeimagehosting.net/cf0a7

Same issue if I try on jquerymobile.com/test.

jsfiddle : http://jsfiddle.net/H6CZW/

@ghost ghost assigned scottjehl Sep 20, 2011

Contributor

toddparker commented Sep 20, 2011

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

Contributor

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