Autofocus input in twitter bootstrap modal

by

I’m using Bootstrap 3.0 (hopefully, this works with 3.1 as well).

We had to use tabindex="-1" because that allows the ESC key to close the modal.

So I was able to fix this issue using:

// Every time a modal is shown, if it has an autofocus element, focus on it.
$('.modal').on('shown.bs.modal', function() {
  $(this).find('[autofocus]').focus();
});

More Related Contents:

  1. Twitter bootstrap remote modal shows same content every time
  2. Bind a function to Twitter Bootstrap Modal Close
  3. Disallow Twitter Bootstrap modal window from closing
  4. Close Bootstrap Modal
  5. How to pass values arguments to modal.show() function in Bootstrap
  6. How to handle the modal closing event in Twitter Bootstrap?
  7. How to check if bootstrap modal is open, so I can use jquery validate?
  8. how to close a bootstrap modal with the browser back button instead of going back a page?`
  9. Load content with ajax in bootstrap modal
  10. Issue with a design when content increase [closed]
  11. Dropdown Z-index not responding [closed]
  12. Multiple modals overlay
  13. Bootstrap 3: Keep selected tab on page refresh
  14. How to implement “confirmation” dialog in Jquery UI dialog?
  15. Bootstrap: Open Another Modal in Modal
  16. How can I keep Bootstrap popovers alive while being hovered?
  17. How to set selected value on select using selectpicker plugin from bootstrap
  18. How to insert close button in popover for Bootstrap
  19. Twitter Bootstrap carousel vertical sliding
  20. Load a Bootstrap popover content with AJAX. Is this possible?
  21. Twitter Bootstrap Collapse plugin Direction—Horizontal instead of Vertical
  22. need click twice after hide a shown bootstrap popover
  23. Auto-click button element on page load using jQuery
  24. Getting Error: Object doesn’t support property or method ‘assign’
  25. How to dynamically set bootstrap-datepicker’s date value?
  26. Autocomplete issue into bootstrap modal
  27. twitter bootstrap 3 jquery minimum version
  28. Using bootstrap select2 with JqGrid form
  29. Bootstrap 3.3.6 JQuery 2.2.4 Version Exception
  30. Twitter Bootstrap Carousel cycle items right to left ( RTL ) reversed

Leave a Comment