Select2가 검색 필드에서 포커스를 제거하기 위해 2 번 클릭합니다.

Question

클라이언트는 나머지 디자인에 맞게 select2 입력을 다시 입력해야하므로 sass를 사용하여 기본 CSS를 덮어 씁니다. 너무 그래서 오히려 여기에 붙여 넣기하지 않습니다 복잡

...

나는 원래 자바 스크립트를 건드리지 않으며 덮어 쓰기를 시도했지만 지금은 입력을 흐리게 할 수있는 여러 선택 상자 이상이 클릭을 소요하지 않은 들. 첫 번째 것은 부모 div에서 ".select2-container-active"클래스를 제거하고 입력 필드를 10px 너비로 축소하지만 깜박임 캐럿을 유지합니다. 두 번째 마침내 그것을 흐리게.

"half focused"캐럿이 더 크고 입력 필드의 너비가 입력을 시작할 때 스타일 속성을 통해 동적으로 "하드 코드 됨"으로 인해 점프가 발생하는 것과 관련된 두 가지 문제가 있습니다. 새로운 행.

어떤 아이디어가 필요하거나 어디에서 볼 수 있습니까? 이것은 내가 (이 문제가 내 웹 사이트의 아이 패드 버전 날에 직면했다)

그냥이 선택 태그로 작동하기 때문에이 붙여 복사 변경을 한 것입니다

Answer 1

. "초점"

$('select').select2().on("select2-close", function() { 
    setTimeout(function() { 
     $('.select2-container-active').removeClass('select2-container-active'); 
     $(':focus').blur(); 
    }, 1); 
}); 

당신은 흐릿 다음을 선택 2 컨테이너 활성을 제거 할 필요가