chrome extension popup textarea focus

It seems that i cannot call focus() on a textarea of my chrome extensions popup when it gets opened / after ondomready.

i have something like that in popup.js :

$(document).ready(function () {
   $('.container').css("color", "red");

i reference it in popup.html like that:


    <link rel="stylesheet" href="css/content.css" type="text/css">

    <script type="text/javascript" src="js/lib/jquery.js"></script>
    <script type="text/javascript" src="js/popup.js"></script>
       <div class="container">
            <textarea name="newText"></textarea>

The css-change works, the focus() does not!

When i debug the popup and type $('textarea').focus(); in the console, it works. Also events added inside the ready-callback are bound successfully.

Any help highly appreciated!



i still don't know, why the focus is not set at the first place, but a simple timeout does the job :)

setTimeout(function() {
}, 500);

Workaround for Chrome 18 (found here)

if( !== "?foo")
{ = "?foo";
  throw new Error;  // load everything on the next page;
                    // stop execution on this page

Works for me!


You have div with class "container" not id. So use this instead:

$('.container').css("color", "red");

I use this to focus.

My element has "autofocus" as an attribute. When the form is loaded, the element with the attribute "autofocus" gets the focus.

.directive('autofocus', ['$timeout', function($timeout) { return { restrict: 'A', link : function($scope, $element) { $timeout(function() { $element[0].focus(); }); } } }])


You can simply use <textarea name="newText" autofocus></textarea>.


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us Javascript

©2020 All rights reserved.