focus() not working in safari or chrome

by

I got the answer on my own, it might seem weak, and too simple, but it works.

Ready for this awesomeness..?

Just add a timer of 0 to the focus…for some reason it just gives it enough time to fully load the input into the DOM.

function recipientDivHandler(code, element) {
  $("#recipientsDiv").append('<input type="text" id="toInput" class="inlineBlockElement rightSpacer" style="border:0px none #ffffff; padding:0px; width:40px;margin-bottom:3px;padding:0; overflow:hidden; font-size:11px;" />');
  setTimeout(function() {
    $("#toInput").focus();
  }, 0);
}

If someone else can further explain this or has a better answer please feel free to take the stage 🙂

More Related Contents:

  1. How to uncheck a radio button?
  2. Mobile Safari: Javascript focus() method on inputfield only works with click?
  3. Programmatically focus on next input field in mobile safari
  4. How to focus on a form input text field on page load using jQuery?
  5. Detect which form input has focus using JavaScript or jQuery
  6. How to scroll to an element in jQuery?
  7. Twitter bootstrap – Focus on textarea inside a modal on click
  8. How to focus an input field on Android browser through javascript or jquery
  9. .bind is not working with dynamic html [closed]
  10. $(document).click() not working correctly on iPhone. jquery [duplicate]
  11. How to poll a Google Doc from an add-on
  12. Good ways to improve jQuery selector performance?
  13. Modifying CSS class property values on the fly with JavaScript / jQuery
  14. Disable dragging an image from an HTML page
  15. Use a new CSS file to override current website’s
  16. How to get just numeric part of CSS property with jQuery?
  17. Smooth scroll to specific div on click
  18. Count textarea characters
  19. How can I change the font (family) for the labels in Chart.JS?
  20. jQuery compiled with Google Closure Compiler
  21. Should we use jQuery with AngularJS? [closed]
  22. Understanding $.proxy() in jQuery
  23. Disable zooming of the page in desktop web browsers using Javascript/Jquery [duplicate]
  24. Fade background image in and out with jQuery?
  25. blur vs focusout — any real differences? [duplicate]
  26. How to convert a Title to a URL slug in jQuery?
  27. How to do something before on submit?
  28. how to convert xml to json using jquery
  29. Center an Image vertically and horizontally using CSS
  30. CORS error with jquery

Leave a Comment