Select2 doesn’t work when embedded in a bootstrap modal

by

Ok, I’ve got it to work.

change

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Panel</h3>
    </div>
    <div class="modal-body" style="max-height: 800px">

to

<div id="myModal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Panel</h3>
    </div>
    <div class="modal-body" style="max-height: 800px">

(remove tabindex=”-1″ from modal)

More Related Contents:

  1. Reset select2 value and show placeholder
  2. Using bootstrap select2 with JqGrid form
  3. Bootstrap template plugins are free or not [closed]
  4. How to change the bootstrap css width into 1000px? [closed]
  5. Bind a function to Twitter Bootstrap Modal Close
  6. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  7. How to get header from cards or similar to have the same height with flex box?
  8. How to Display Selected Item in Bootstrap Button Dropdown Title
  9. JQuery gets loaded only on page refresh in Rails 4 application
  10. Bootstrap 3 Collapse show state with Chevron icon
  11. Close Bootstrap Modal
  12. Change Twitter Bootstrap Tooltip content on click
  13. Changing the position of Bootstrap popovers based on the popover’s X position in relation to window edge?
  14. How to Extend Twitter Bootstrap Plugin
  15. How to get the selected date value while using Bootstrap Datepicker?
  16. disable past dates on datepicker
  17. How to fade loop background images?
  18. Twitter Bootstrap – Tabs – URL doesn’t change
  19. Twitter Bootstrap Datepicker within modal window
  20. Dynamically add a class to Bootstrap’s ‘popover’ container
  21. Bootstrap popover content cannot changed dynamically
  22. Bootstrap 4 with remote Modal
  23. Twitter Bootstrap add active class to li
  24. Bootstrap CSS Active Navigation
  25. Detect change to selected date with bootstrap-datepicker
  26. bootstrap-typeahead.js add a listener on select event
  27. How to make select2 work with jquery.validation plugin?
  28. How to handle the modal closing event in Twitter Bootstrap?
  29. Typeahead problems with Bootstrap 3.0 RC1
  30. How to Set Selected value in Multi-Value Select in Jquery-Select2.?

Leave a Comment