Chosen: Dipilih di iPad meninggalkan kursor setelah pemilihan

Ini adalah masalah yang diketahui dan telah diterima seperti itu. Lihat https://github.com/harvethq/chosen/pull/2727 untuk detail lebih lanjut.

Saya mengalami masalah yang sama dengan Terpilih di iPad. Saya telah menambahkan baris berikut ke penggantian gaya saya agar Terpilih hanya menampilkan kursor ketika pilih yang memiliki input pencarian terbuka:

.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;
        }
    }
}

Saya mendapatkan kode yang disediakan oleh @TammyTee untuk bekerja dengan membuatnya lebih umum:

.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;
    }
}

Bekerja untuk saya -- terima kasih!

Pada 15 April 2018, pukul 15:47, Adam Cadot [email protected] menulis:

Saya mendapatkan kode yang disediakan oleh @TammyTee untuk bekerja dengan membuatnya lebih umum:

.nonaktifkan-pilih
{
-webkit-touch-callout: tidak ada !penting; /* Safari iOS /-webkit-pengguna-pilih: tidak ada !penting; /-khtml-pengguna-pilih: tidak ada !penting; /-moz-pengguna-pilih: tidak ada !penting; /-ms-user-select: tidak ada !penting; /pilihan pengguna: tidak ada !penting;
didukung oleh Chrome dan Opera */
}

.chosen-container
{
.pilihan-pencarian-masukan
{
.disable-pilih;
}
&.chosen-container-single-nosearch
{
.pilihan-pencarian-masukan
{
.disable-pilih;
}
&.chosen-with-drop .chosen-search-input
{
.disable-pilih;
}
}
&.chosen-with-drop
{
.disable-pilih;
}
}

—
Anda menerima ini karena Anda yang menulis utas.
Balas email ini secara langsung, lihat di GitHub, atau matikan utasnya.