387 votes

Doesn Select2 ' travail t lorsqu’ils sont incorporés dans un bootstrap modal

Lorsque j’utilise un select2 (entrée) en bootstrap modale, je ne peux pas taper quoi que ce soit dedans. C’est comme les personnes handicapées ? À l’extérieur il select2 modale fonctionne très bien.

enter image description here

exemple : code http://jsfiddle.net/byJy8/1/ :

et js

679voto

breq Points 1404

OK, j’ai à travailler.

changer

À

(supprimer les tabindex = « -1 » de modal)

210voto

pymarco Points 360

J'ai trouvé une solution à ce sur github pour select2

https://github.com/ivaynberg/select2/issues/1436

La solution est:

$.fn.modal.Constructor.prototype.enforceFocus = function() {};

Explication copié à partir du lien ci-dessus:

Bootstrap enregistre un écouteur pour l'événement focusin qui vérifie si l'élément ayant le focus est soit la superposition de lui-même ou un descendant de celui - ci- si non il a juste recentre sur la superposition. Avec le select2 déroulant être attaché au corps effectivement cela vous empêche d'entrer quoi que ce soit dans le champ de texte.

Vous pouvez quickfix ce en remplacement de la enforceFocus fonction qui enregistre l'événement sur le modal

5voto

user1616435 Points 11

Modifiez le fichier select2.css

À

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X