Vaadin-combo-box: Unschärfe aus der Combobox, mit einem Wert in der Eingabeaufforderung, macht Bildlaufleisten sichtbar

Erstellt am 11. Dez. 2018  ·  18Kommentare  ·  Quelle: vaadin/vaadin-combo-box

VERSION : 10.0.9
(Funktioniert in 12.0.2)
Wenn ein Unschärfeereignis aus der Combobox (mit einem Wert in der Eingabeaufforderung) auftritt, werden sowohl horizontale als auch vertikale Bildlaufleisten für eine Sekunde sichtbar.

Hoffentlich beschreibt das Video das Problem besser:

comboboxjumps

bug flow

Alle 18 Kommentare

Dies kann ein Layoutproblem/ein Stilproblem/ein clientseitiges Problem (oder eine beliebige Kombination davon) sein.

Bitte geben Sie den Quellcode an, den ich zum Reproduzieren verwenden kann, um zu verstehen, wo das Problem genau liegt.
Da ich mir ziemlich sicher bin, dass wir von der Serverseite nichts zur combo-box Komponente hinzufügen, bezweifle ich, dass dies ein reines Combobox-Problem ist. Hier sollte etwas anderes hinzukommen.

Warten auf den Quellcode.

Entschuldigung, vergessen, es hier hinzuzufügen
```
letzte ComboBoxcombobox = new ComboBox<>("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);

```

Sieht aus wie zwei völlig unterschiedliche Probleme in einem Bericht.

Hier ist der vollständige Quellcode, den ich zum Reproduzieren verwende:

@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);
    }
}

(Dieser Code kann verwendet werden, um das Einfügen unverändert in unsere Testinfrastruktur zu kopieren).

Was ich sehe:

  • keine sichtbaren Bildlaufleisten.
  • dem Button fehlt ein Klick, wenn ich etwas in die Combobox geschrieben habe. Ich muss den Fokus von ihm auf etwas anderes umstellen, um klicken zu können.

Also _IF_ dieses Problem über Bildlaufleisten ist, kann ich es nicht reproduzieren.
Wie ich bereits sagte, sollte dies ein Ergebnis der Verwendung eines Layouts oder Stils für die Combobox sein. Es ist wichtig, welchen Container Sie für die Combobox verwenden. Ich verwende ein Div und es gibt keine Bildlaufleisten.

_IF_ das Problem ist, dass man nicht klicken kann, dann bin ich mir nicht sicher, ob dies überhaupt ein Problem ist (möglicherweise funktioniert die Combobox so). Aber es kann sicher als Problem eingereicht werden.

Dieses Ticket bedarf also einer Klärung. Bildlaufleisten sind völlig unabhängig von der Unfähigkeit zu klicken. Klickproblem kann separat erstellt werden.
Dieses Problem sollte sich entweder auf Bildlaufleisten beziehen oder auf _only_ klicken.
Im Falle einer Bildlaufleiste sollte es einen genauen Java-Code haben, der es ermöglicht, ihn zu reproduzieren. Ich kann es mit meinem Code nicht reproduzieren.

Ich kann das Problem auch mit Ihrem Code reproduzieren.

Geben Sie einige Werte in die Combobox ein und klicken Sie dann außerhalb? Das Problem ist nicht reproduzierbar, wenn Sie außerhalb klicken und nichts in das Eingabeproblem eingefügt wird. Geben Sie zum Beispiel dort xxx und klicken Sie auf. Dann erscheint die Bildlaufleiste.

Es tut mir leid, wenn die Beschreibung zu vage ist. In diesem speziellen Fall beschäftige ich mich mit Scrollbars, weil ich denke, dass dies ein Grundfall für andere Probleme sein könnte. (Als nicht abgefeuerter Button angeklickt.) Aber in der Tat sind die Bildlaufleisten das Problem.

Ja, ich habe in das Combobox-Textfeld Text geschrieben.

Alles klar, entschuldigen Sie die Unannehmlichkeiten. Ich habe schon mit 11 getestet, aber es scheint sowohl in Ihrem als auch in meinem Fall in V12 korrekt zu funktionieren.

Ich verwende die 1.0-SNAPSHOT Version für vaadin-combo-box-flow : kann nicht reproduziert werden.

Welche Version verwendest du genau?

Wie kann ich das überprüfen?

Ich gebe die Version nicht separat an, sie stammt meiner Meinung nach von der Flow-Version. (Mit Standard-Projektbasisstarter)

Möglicherweise handelt es sich nicht um eine Flow-Version: Flow kennt keine Komponenten außer der integrierten HTML-Komponente.

Es ist eine Plattformversion.
Es ist möglich zu sehen, welche Komponentenversion in der Plattform pom.xml .
Eine andere Möglichkeit: Überprüfen Sie einfach Ihre JAR-Abhängigkeiten in Ihrem Projekt. Jedes Glas hat eine Version.

Oder sagen Sie mir einfach die Plattformversion. Ich werde diese Version selbst finden.

1.0.7

Ist die Plattformversion <vaadin.version>10.0.9</vaadin.version> in pom? Oder fehlt mir etwas?

<vaadin.version>10.0.9</vaadin.version> sieht aus wie eine Plattformversion.

Kann nicht reproduzieren.

Ich habe https://github.com/vaadin/skeleton-starter-flow/tree/v10 verwendet.

MainView Inhalt ist eingestellt auf

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);

Keine Bildlaufleisten.

Bitte verwenden Sie skeleton-starter , um das Problem zu reproduzieren. Wenn Sie reproduzieren können, archivieren Sie einfach Ihr Projekt und hängen Sie es an die Ausgabe an (vergessen Sie nicht, den Ordner target im Archiv zu entfernen).

Anhängen meines Projekts, das zum Testen verwendet wird
Projektdatenbank .zip

Ich kann dieses Problem mit dem angehängten Projekt nicht reproduzieren.

Ich gehe davon aus, dass es eine Folge von Konfigurationsunterschieden sein kann.
Was bedeutet, dass hier alles zählt.

Welchen Browser verwenden Sie? (Name + Version)
Welches Betriebssystem verwendest du?

Werde nicht mehr Zeit damit verbringen. Bitte geben Sie die Informationen an und der Entwickler, der an diesem Problem arbeitet, wird sie verwenden.

Google Chrome | 70.0.3538.110
Betriebssystem: Windows 10

Wird als inaktiv geschlossen und weil wir das Problem nicht reproduzieren konnten, wie in den Kommentaren oben erwähnt.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

steffen-harbich-cognitum picture steffen-harbich-cognitum  ·  8Kommentare

florent1933 picture florent1933  ·  14Kommentare

web-padawan picture web-padawan  ·  3Kommentare

web-padawan picture web-padawan  ·  5Kommentare

silentHoo picture silentHoo  ·  3Kommentare