Chosen: iPad에서 선택하면 선택 후 커서가 남습니다.

이것은 알려진 문제이며 그렇게 받아들여졌습니다. 자세한 내용은 https://github.com/harvesthq/chosen/pull/2727 을 참조하세요.

iPad의 Chosen에서도 동일한 문제가 발생했습니다. 검색 입력이 있는 선택 항목이 열려 있을 때만 커서를 표시하도록 선택된 항목의 스타일 재정의에 다음 줄을 추가했습니다.

.chosen-container {
    .chosen-search-input {
            user-select: none !important;
    }
    &.chosen-container-single-nosearch {
        .chosen-search-input {
             user-select: none !important;
        }
        &.chosen-with-drop .chosen-search-input {
             user-select: none !important;
        }
    }

    &.chosen-with-drop {
        .chosen-search-input {
            user-select: all !important;
        }
    }
}

@TammyTee 에서 제공한 코드를 보다 일반적으로 만들어 작동하도록 했습니다.

.disable-select
{
  -webkit-touch-callout: none !important; /* iOS Safari */
    -webkit-user-select: none !important; /* Safari */
     -khtml-user-select: none !important; /* Konqueror HTML */
       -moz-user-select: none !important; /* Firefox */
        -ms-user-select: none !important; /* Internet Explorer/Edge */
            user-select: none !important; /* Non-prefixed version, currently
                                             supported by Chrome and Opera */
}
.chosen-container
{
    .chosen-search-input
    {
            .disable-select;
    }
    &.chosen-container-single-nosearch
    {
        .chosen-search-input
        {
             .disable-select;
        }
        &.chosen-with-drop .chosen-search-input
        {
             .disable-select;
        }
    }
    &.chosen-with-drop
    {
      .disable-select;
    }
}

저에게 효과적입니다. 감사합니다!

2018년 4월 15일 오후 3시 47분에 Adam Cadot [email protected] 은 다음과 같이 썼습니다.

@TammyTee 에서 제공한 코드를 보다 일반적으로 만들어 작동하도록 했습니다.

.disable-선택
{
-webkit-touch-callout: 없음 !중요; /* iOS 사파리 /-webkit-user-select: 없음 !중요; /-khtml-user-select: 없음 !중요; /-moz-user-select: 없음 !중요; /-ms-user-select: 없음 !중요; /사용자 선택: 없음 !중요;
Chrome 및 Opera에서 지원 */
}

.chosen-container
{
.선택 검색 입력
{
.disable-선택;
}
&.chosen-container-single-nosearch
{
.chosen-search-input
{
.disable-선택;
}
&.chosen-with-drop .chosen-search-input
{
.disable-선택;
}
}
&.chosen-with-drop
{
.disable-선택;
}
}

—
스레드를 작성했기 때문에 이 메시지를 받는 것입니다.
이 이메일에 직접 답장하거나 GitHub에서 보거나 스레드를 음소거하세요.