{"id":406,"date":"2021-10-15T16:48:39","date_gmt":"2021-10-15T19:48:39","guid":{"rendered":"https:\/\/hackerzone.com.br\/blog\/?p=406"},"modified":"2021-10-19T14:34:52","modified_gmt":"2021-10-19T17:34:52","slug":"solucoes-para-select2-modal-bootstrap","status":"publish","type":"post","link":"http:\/\/hackerzone.com.br\/blog\/solucoes-para-select2-modal-bootstrap\/","title":{"rendered":"Solu\u00e7\u00f5es para Select2 + Modal + Bootstrap"},"content":{"rendered":"

Recentemente publicamos um artigo explicando como dar um refresh no select2, mas objetivamente como carregar o select2 em conte\u00fado din\u00e2mico sem afetar os demais selects.<\/p>\n

Agora vamos entrar em um outro problema, existem outros bugs que v\u00e3o te irritar bastante, mas vou postar aqui a solu\u00e7\u00e3o, j\u00e1 existe uma solu\u00e7\u00e3o relatada no pr\u00f3prio site do select2<\/a>, apresentando a seguinte solu\u00e7\u00e3o:
\nBootstrap 3<\/p>\n

\r\n$.fn.modal.Constructor.prototype.enforceFocus = function() {};\r\n<\/pre>\n
Bootstrap 4<\/p>\n
\r\n$.fn.modal.Constructor.prototype._enforceFocus = function() {};\r\n<\/pre>\n
Por\u00e9m mesmo assim voc\u00ea pode acabar com o problema de carregar o select2, mas n\u00e3o liberar a digita\u00e7\u00e3o no campo, dessa forma:
\n\"\"<\/p>\n
Esse problema ocorre especificamente no modal, para solucionar voc\u00ea precisa remover de sua div principal do modal a seguinte tag ‘ tabindex=”-1″ ‘:<\/p>\n
Veja tamb\u00e9m outros bugs relacionados ao Select2 em:
\nhttp:\/\/hackerzone.com.br\/blog\/how-to-refresh-select2-dropdown-menu-after-ajax-loading-different-content\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Recentemente publicamos um artigo explicando como dar um refresh no select2, mas objetivamente como carregar o select2 em conte\u00fado din\u00e2mico sem afetar os demais selects. Agora vamos entrar em um outro problema, existem outros bugs que v\u00e3o te irritar bastante, mas vou postar aqui a solu\u00e7\u00e3o, j\u00e1 existe uma solu\u00e7\u00e3o relatada no pr\u00f3prio site do […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29,30,182],"tags":[189,187,188,183],"class_list":["post-406","post","type-post","status-publish","format-standard","hentry","category-javascript","category-jquery","category-select2","tag-bootstrap","tag-bug-select2","tag-modal","tag-select2","cat-29-id","cat-30-id","cat-182-id"],"_links":{"self":[{"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/posts\/406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/comments?post=406"}],"version-history":[{"count":3,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/posts\/406\/revisions"}],"predecessor-version":[{"id":411,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/posts\/406\/revisions\/411"}],"wp:attachment":[{"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/media?parent=406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/categories?post=406"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hackerzone.com.br\/blog\/wp-json\/wp\/v2\/tags?post=406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}