Vaadin-combo-box: Le flou hors de la zone de liste déroulante, ayant une valeur à l'intérieur de l'invite de saisie, rend les barres de défilement visibles

Créé le 11 déc. 2018  ·  18Commentaires  ·  Source: vaadin/vaadin-combo-box

VERSION : 10.0.9
(Fonctionne en 12.0.2)
Lorsqu'un événement de flou de la zone de liste déroulante (avec une certaine valeur à l'intérieur de l'invite de saisie) se produit, les barres de défilement horizontales et verticales deviennent visibles pendant une seconde.

Espérons que la vidéo décrit mieux le problème :

comboboxjumps

bug flow

Tous les 18 commentaires

Cela peut être un problème de mise en page/un problème de styles/un problème côté client (ou toute combinaison de ceux-ci).

Veuillez fournir le code source que je peux utiliser pour reproduire afin de comprendre où se situe exactement le problème.
Étant donné que je suis à peu près sûr que nous n'ajoutons rien au composant combo-box du côté serveur, je doute qu'il s'agisse d'un pur problème de combobox. Quelque chose d'autre devrait être impliqué ici.

En attente du code source.

Désolé, j'ai oublié de l'ajouter ici
```
ComboBox finalecombobox = 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);

```

On dirait deux problèmes totalement différents dans un même rapport.

Voici le code source complet que j'utilise pour reproduire :

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

(ce code peut être utilisé pour copier coller tel quel dans notre infrastructure de tests).

Ce que je vois:

  • aucune barre de défilement visible.
  • le bouton manque un clic quand j'ai quelque chose d'écrit dans la zone de liste déroulante. Je dois passer le focus à autre chose pour pouvoir cliquer.

Donc _SI_ ce problème concerne les barres de défilement, je ne peux donc pas le reproduire.
Comme je l'ai dit précédemment, cela devrait être le résultat de l'utilisation d'une mise en page ou d'un style pour la combobox. Le conteneur que vous utilisez pour la combobox est important. J'utilise un Div et il n'y a pas de barres de défilement.

_SI_ le problème concerne l'incapacité de cliquer, alors je ne suis pas sûr que ce soit un problème (c'est peut-être ainsi que fonctionne la combobox). Mais cela peut être présenté comme un problème à coup sûr.

Ce billet a donc besoin d'une clarification. Les barres de défilement sont totalement indépendantes de l'impossibilité de cliquer. Le problème de clic peut être créé séparément.
Ce problème devrait concerner les barres de défilement ou cliquer sur _uniquement_.
En cas de barre de défilement, il doit avoir un code java exact qui permet de le reproduire. Je n'arrive pas à le reproduire avec mon code.

Je peux également reproduire le problème en utilisant votre code.

Mettez-vous des valeurs dans la zone de liste déroulante, puis cliquez à l'extérieur ? Le problème n'est pas reproductible, si vous cliquez à l'extérieur et que rien n'est mis à l'intérieur du problème d'entrée. Ainsi, par exemple, mettez là xxx et cliquez sur. Ensuite, la barre de défilement apparaît.

Je suis désolé si la description est trop vague. Dans ce cas particulier, je suis concerné par les barres de défilement, car je pense que cela pourrait être un cas racine pour d'autres problèmes. (Comme si vous n'avez pas cliqué sur le bouton tiré.) Mais en effet, le problème réside dans les barres de défilement.

Oui, j'ai écrit du texte dans le champ de texte de la zone de liste déroulante.

D'accord, désolé pour les inconvénients. J'ai déjà testé avec 11 , mais cela semble fonctionner correctement en V12 à la fois dans votre cas et dans le mien.

J'utilise la version 1.0-SNAPSHOT pour vaadin-combo-box-flow : impossible de se reproduire.

Quelle version utilisez-vous exactement ?

Comment puis-je vérifier cela?

Je ne précise pas la version séparément, elle vient de la version flow je pense. (En utilisant le démarreur de base de projet par défaut)

Ce n'est peut-être pas une version de Flow : Flow ne connaît aucun composant à l'exception du composant HTML intégré.

C'est une version plate-forme.
Il est possible de voir quelle version du composant est spécifiée dans la plate-forme pom.xml .
Une autre façon : vérifiez simplement vos dépendances jar dans votre projet. Chaque pot a une version.

Ou dites-moi simplement la version de la plate-forme. Je vais trouver cette version par moi-même.

1.0.7

De plus, la version de la plate-forme <vaadin.version>10.0.9</vaadin.version> n'est-elle pas dans pom ? Ou est-ce que j'ai raté quelque chose ?

<vaadin.version>10.0.9</vaadin.version> ressemble à la version de la plate-forme.

Ne peut pas reproduire.

J'ai utilisé https://github.com/vaadin/skeleton-starter-flow/tree/v10.

MainView contenu de

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

Pas de barres de défilement.

Veuillez utiliser skeleton-starter pour reproduire le problème. Si vous êtes capable de reproduire, archivez simplement votre projet et attachez-le au problème (n'oubliez pas de supprimer le dossier target dans l'archive).

Joindre mon projet, utilisé pour les tests
base de projet .zip

Je ne peux pas reproduire ce problème avec le projet ci-joint.

Je suppose que cela peut être une conséquence de la différence de configuration.
Ce qui signifie que tout compte ici.

Quel navigateur utilisez-vous? (nom + version)
Quel OS utilisez-vous ?

Je ne passerai pas plus de temps là-dessus. Veuillez fournir les informations et le développeur qui travaillera sur ce problème les utilisera.

Google Chrome | 70.0.3538.110
Système d'exploitation : Windows 10

Fermeture car inactive et parce que nous n'avons pas pu reproduire le problème tel que mentionné dans les commentaires ci-dessus.

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

davidmaxwaterman picture davidmaxwaterman  ·  6Commentaires

silentHoo picture silentHoo  ·  3Commentaires

web-padawan picture web-padawan  ·  5Commentaires

web-padawan picture web-padawan  ·  3Commentaires

sohrabtaee picture sohrabtaee  ·  4Commentaires