Vaadin-combo-box: Mengaburkan keluar dari kotak kombo, memiliki beberapa nilai di dalam prompt input, membuat bilah gulir terlihat

Dibuat pada 11 Des 2018  ·  18Komentar  ·  Sumber: vaadin/vaadin-combo-box

VERSI : 10.0.9
(Bekerja di 12.0.2)
Saat peristiwa kabur dari Combobox (dengan beberapa nilai di dalam prompt input) terjadi, scrollbar horizontal dan vertikal menjadi terlihat sesaat.

Mudah-mudahan, video menjelaskan masalah dengan lebih baik:

comboboxjumps

bug flow

Semua 18 komentar

Ini bisa menjadi masalah tata letak/masalah gaya/masalah sisi klien (atau kombinasi dari itu).

Harap berikan kode sumber yang dapat saya gunakan untuk mereproduksi untuk memahami di mana masalahnya sebenarnya.
Karena saya cukup yakin kami tidak menambahkan apa pun ke komponen combo-box dari sisi server, saya ragu ini murni masalah kotak kombo. Sesuatu yang lain harus terlibat di sini.

Menunggu kode sumber.

Maaf, lupa menambahkannya di sini
```
ComboBox terakhirkotak kombo = kotak kombo baru<>("Farbauswahl");

    ArrayList<String> items=new ArrayList<>(Arrays.asList("rot", "grün", "gelb", "blau"));
    combobox.setItems(items);

    Button button = new Button("Click me",
            event -> Notification.show("Clicked!" + combobox.getValue()));

    add(combobox);
    add(button);

```

Sepertinya dua masalah yang sama sekali berbeda dalam satu laporan.

Berikut adalah kode sumber lengkap yang saya gunakan untuk mereproduksi:

@Route("input-combo")
public class InputComboBoxPage extends Div {

    public InputComboBoxPage() {
        final ComboBox<String> combobox = new ComboBox<>("Farbauswahl");

        ArrayList<String> items = new ArrayList<>(
                Arrays.asList("rot", "grün", "gelb", "blau"));
        combobox.setItems(items);

        NativeButton button = new NativeButton("Click me",
                event -> System.out.println("xxx"));

        add(combobox);
        add(button);
    }
}

(kode ini dapat digunakan untuk menyalin tempel apa adanya ke dalam infrastruktur pengujian kami).

Apa yang saya lihat:

  • tidak ada scrollbar yang terlihat.
  • tombol melewatkan klik ketika saya memiliki sesuatu yang tertulis di kotak kombo. Saya harus mengalihkan fokus dari itu ke sesuatu yang lain untuk dapat mengklik.

Jadi _IF_ masalah ini tentang bilah gulir maka saya tidak dapat mereproduksinya.
Seperti yang saya katakan sebelumnya, ini seharusnya merupakan hasil dari penggunaan beberapa tata letak atau gaya untuk kotak kombo. Penting wadah mana yang Anda gunakan untuk kotak kombo. Saya menggunakan Div dan tidak ada scrollbar.

_IF_ masalahnya adalah tentang ketidakmampuan untuk mengklik maka saya tidak yakin apakah ini masalah sama sekali (mungkin ini cara kerja kotak kombo). Tapi itu mungkin diajukan sebagai masalah pasti.

Jadi tiket ini perlu klarifikasi. Scrollbar benar-benar independen terhadap ketidakmampuan untuk mengklik. Masalah klik dapat dibuat secara terpisah.
Masalah ini harus tentang scrollbar atau klik _only_.
Dalam hal scrollbar itu harus memiliki kode Java yang tepat yang memungkinkan untuk mereproduksinya. Saya tidak dapat mereproduksinya dengan kode saya.

Saya dapat mereproduksi masalah menggunakan kode Anda juga.

Apakah Anda memasukkan beberapa nilai ke dalam kotak kombo dan kemudian mengklik di luar? Masalah tidak dapat direproduksi, jika Anda mengklik di luar dan tidak ada yang dimasukkan ke dalam masalah input. Jadi, misalnya, taruh di sana xxx dan klik keluar. Kemudian bilah gulir muncul.

Maaf jika deskripsi terlalu kabur. Dalam kasus khusus ini saya prihatin dengan Scrollbars, karena saya pikir itu mungkin menjadi akar kasus untuk masalah lain. (Seperti tombol tidak dipecat diklik.) Tapi memang, masalahnya adalah scrollbar.

Ya, saya telah menulis di bidang teks kotak kombo beberapa teks.

Baiklah, maaf atas ketidaknyamanannya. Saya telah menguji dengan 11 sebelumnya , tetapi tampaknya berfungsi dengan benar di V12 baik dalam kasus Anda maupun dalam kasus saya.

Saya menggunakan versi 1.0-SNAPSHOT untuk vaadin-combo-box-flow : tidak dapat mereproduksi.

Yang persis versi yang Anda gunakan?

Bagaimana saya bisa memeriksa ini?

Saya tidak menentukan versi secara terpisah, itu berasal dari versi aliran saya pikir. (Menggunakan starter basis proyek default)

Ini mungkin bukan versi Flow: Flow tidak mengetahui komponen apa pun kecuali komponen HTML bawaan.

Ini adalah versi platform.
Dimungkinkan untuk melihat versi komponen mana yang ditentukan dalam platform pom.xml .
Cara lain: cukup periksa dependensi jar Anda di proyek Anda. Setiap toples memiliki versi.

Atau beri tahu saya versi platformnya. Saya akan menemukan versi ini sendiri.

1.0.7

Juga, bukankah versi platform <vaadin.version>10.0.9</vaadin.version> di pom? Atau aku kehilangan sesuatu?

<vaadin.version>10.0.9</vaadin.version> terlihat seperti versi platform.

Tidak dapat mereproduksi.

Saya telah menggunakan https://github.com/vaadin/skeleton-starter-flow/tree/v10.

MainView konten disetel ke

final ComboBox<String> combobox = new ComboBox<>("Farbauswahl");

        ArrayList<String> items = new ArrayList<>(
                Arrays.asList("rot", "grün", "gelb", "blau"));
        combobox.setItems(items);

        NativeButton button = new NativeButton("Click me",
                event -> System.out.println("xxx"));

        add(combobox);
        add(button);

Tidak ada scrollbar.

Harap gunakan skeleton-starter untuk mereproduksi masalah. Jika Anda dapat mereproduksi maka cukup arsipkan proyek Anda dan lampirkan ke masalah (jangan lupa untuk menghapus folder target di arsip).

Melampirkan proyek saya, digunakan untuk pengujian
basis proyek .zip

Saya tidak dapat mereproduksi masalah ini dengan proyek terlampir.

Saya berasumsi itu mungkin konsekuensi dari perbedaan konfigurasi.
Yang berarti semuanya penting di sini.

Peramban mana yang Anda gunakan? (nama + versi)
OS mana yang Anda gunakan?

Tidak akan menghabiskan lebih banyak waktu untuk ini. Harap berikan informasi dan pengembang yang akan mengerjakan masalah ini akan menggunakannya.

Google Chrome | 70.0.3538.110
OS: Windows 10

Penutupan karena tidak aktif dan karena kami belum dapat mereproduksi masalah seperti yang disebutkan dalam komentar di atas.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

davidmaxwaterman picture davidmaxwaterman  ·  6Komentar

joostdebruijn picture joostdebruijn  ·  6Komentar

GoceRibeski picture GoceRibeski  ·  19Komentar

osamamaruf picture osamamaruf  ·  4Komentar

silentHoo picture silentHoo  ·  3Komentar