Skip to content
This repository

Strange focus onclick with blackberry OS6 #2476

Closed
rguillemette opened this Issue · 4 comments

3 participants

rguillemette Todd Parker Scott Jehl
rguillemette

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 :

<!DOCTYPE html>

<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>

Todd Parker

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?

rguillemette

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/

Todd Parker

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

Miguel beavis referenced this issue from a commit in beavis/jquery-mobile
scottjehl Undeleted some "features" that seemed to keep bugs at bay. Fixes #2545.…
… Fixes #2476
083f69d
Todd Parker

Fixed by the commit above.

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.