Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Strange focus onclick with blackberry OS6 #2476

Closed
rguillemette opened this Issue · 4 comments

3 participants

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

@toddparker

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/

@scottjehl scottjehl was assigned
@toddparker

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

@beavis 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
@toddparker

Fixed by the commit above.

@toddparker toddparker closed this
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.