Vaadin-combo-box: Desfocar fora da caixa de combinação, ter algum valor dentro do prompt de entrada, torna as barras de rolagem visíveis

Criado em 11 dez. 2018  ·  18Comentários  ·  Fonte: vaadin/vaadin-combo-box

VERSÃO : 10.0.9
(Funciona em 12.0.2)
Quando o evento de desfoque do Combobox (com algum valor dentro do prompt de entrada) ocorre, as barras de rolagem horizontal e vertical tornam-se visíveis por um segundo.

Esperançosamente, o vídeo descreve melhor o problema:

comboboxjumps

bug flow

Todos 18 comentários

Isso pode ser um problema de layout / problema de estilos / problema do lado do cliente (ou qualquer combinação deles).

Forneça o código-fonte que posso usar para reproduzir para entender exatamente onde está o problema.
Como tenho certeza de que não adicionamos nada ao componente combo-box do lado do servidor, duvido que seja um problema de combobox puro. Outra coisa deve estar envolvida aqui.

Aguardando o código-fonte.

Desculpe, esqueci de adicionar aqui
`` `
ComboBox finalcombobox = novo 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);

`` `

Parecem dois problemas totalmente diferentes em um relatório.

Aqui está o código-fonte completo que utilizo para reproduzir:

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

(este código pode ser usado para copiar e colar como está em nossa infraestrutura de testes).

O que eu vejo:

  • nenhuma barra de rolagem visível.
  • o botão perde um clique quando tenho algo escrito na combobox. Tenho que mudar o foco dele para outra coisa para poder clicar.

Portanto, _IF_ este problema é sobre barras de rolagem, então não posso reproduzi-lo.
Como eu disse antes, isso deve ser resultado do uso de algum layout ou estilo para a caixa de combinação. É importante qual recipiente você usa para a combobox. Estou usando um Div e não há barras de rolagem.

_IF_ o problema é sobre a incapacidade de clicar, então não tenho certeza se isso é um problema (pode ser que seja assim que a caixa de combinação funciona). Mas pode ser enviado como um problema com certeza.

Portanto, este tíquete precisa de um esclarecimento. As barras de rolagem são totalmente independentes da incapacidade de clicar. O problema de clique pode ser criado separadamente.
Este problema deve ser sobre as barras de rolagem ou clique em _apenas_.
No caso de barra de rolagem, deve ter o código java exato que permite reproduzi-lo. Não consigo reproduzi-lo com meu código.

Posso reproduzir o problema usando seu código também.

Você está colocando alguns valores na caixa de combinação e depois clicando fora? O problema não é reproduzível, se você estiver clicando fora e nada for colocado dentro do problema de entrada. Então, por exemplo, coloque lá xxx e clique fora. Em seguida, a barra de rolagem aparece.

Lamento se a descrição for muito vaga. Neste caso específico, estou preocupado com as barras de rolagem, porque acho que pode ser um caso raiz para outros problemas. (Como o botão não disparado clicado.) Mas, na verdade, o problema são as barras de rolagem.

Sim, eu escrevi no campo de texto combobox algum texto.

Tudo bem, desculpe pelos inconvenientes. Eu testei com o 11 antes, mas parece funcionar corretamente no V12 tanto no seu caso quanto no meu.

Estou usando a versão 1.0-SNAPSHOT para vaadin-combo-box-flow : não pode reproduzir.

Qual versão exatamente você usa?

Como posso verificar isso?

Não estou especificando a versão separadamente, acho que vem da versão de fluxo. (Usando o iniciador de base do projeto padrão)

Pode não ser uma versão do Flow: o Flow não conhece nenhum componente, exceto o componente HTML integrado.

É uma versão de plataforma.
É possível ver qual versão do componente está especificada na plataforma pom.xml .
Outra maneira: basta verificar as dependências do jar em seu projeto. Cada jarra tem uma versão.

Ou apenas me diga a versão da plataforma. Vou encontrar essa versão sozinho.

1.0.7

Além disso, a versão da plataforma <vaadin.version>10.0.9</vaadin.version> no pom? Ou estou perdendo alguma coisa?

<vaadin.version>10.0.9</vaadin.version> parece a versão da plataforma.

Não pode se reproduzir.

Usei https://github.com/vaadin/skeleton-starter-flow/tree/v10.

MainView content está definido para

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

Sem barras de rolagem.

Use skeleton-starter para reproduzir o problema. Se você puder reproduzir, basta arquivar seu projeto e anexá-lo ao problema (não se esqueça de remover a pasta target do arquivo).

Anexando meu projeto, usado para teste
projectbase .zip

Não consigo reproduzir este problema com o projeto anexado.

Suponho que pode ser uma consequência da diferença de configuração.
O que significa que tudo é importante aqui.

Que navegador você usa? (nome + versão)
Qual sistema operacional você usa?

Não vou gastar mais tempo com isso. Forneça as informações e o desenvolvedor que trabalhará nesse problema as usará.

Google Chrome | 70.0.3538.110
OS: Windows 10

Fechando como inativo e porque não conseguimos reproduzir o problema conforme mencionado nos comentários acima.

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

davidmaxwaterman picture davidmaxwaterman  ·  6Comentários

steffen-harbich-cognitum picture steffen-harbich-cognitum  ·  8Comentários

GoceRibeski picture GoceRibeski  ·  19Comentários

web-padawan picture web-padawan  ·  5Comentários

mas4ivv picture mas4ivv  ·  16Comentários