Vaadin-combo-box: Desenfocar el cuadro combinado, tener algún valor dentro del indicador de entrada, hace que las barras de desplazamiento sean visibles

Creado en 11 dic. 2018  ·  18Comentarios  ·  Fuente: vaadin/vaadin-combo-box

VERSIÓN : 10.0.9
(Funciona en 12.0.2)
Cuando se produce un evento de desenfoque del cuadro combinado (con algún valor dentro del indicador de entrada), las barras de desplazamiento horizontal y vertical se vuelven visibles por un segundo.

Con suerte, el video describe mejor el problema:

comboboxjumps

bug flow

Todos 18 comentarios

Esto puede ser un problema de diseño / un problema de estilos / un problema del lado del cliente (o cualquier combinación de ellos).

Proporcione el código fuente que puedo usar para reproducir y comprender dónde está exactamente el problema.
Como estoy bastante seguro de que no agregamos nada al componente combo-box desde el lado del servidor, dudo que esto sea un problema de cuadro combinado puro. Algo más debería estar involucrado aquí.

Esperando el código fuente.

Lo siento, olvidé agregarlo aquí
''
ComboBox finalcombobox = 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);

''

Parecen dos cuestiones totalmente diferentes en un informe.

Aquí está el código fuente completo que utilizo para reproducir:

@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 se puede utilizar para copiar y pegar tal cual en nuestra infraestructura de pruebas).

Lo que veo:

  • no hay barras de desplazamiento visibles.
  • el botón pierde un clic cuando tengo algo escrito en el cuadro combinado. Tengo que cambiar el enfoque de él a otra cosa para poder hacer clic.

Entonces _IF_ este problema es sobre barras de desplazamiento, entonces no puedo reproducirlo.
Como dije antes, esto debería ser el resultado de usar algún diseño o estilo para el cuadro combinado. Importa qué contenedor usa para el cuadro combinado. Estoy usando Div y no hay barras de desplazamiento.

_IF_ el problema es sobre la incapacidad de hacer clic, entonces no estoy seguro de si esto es un problema en absoluto (puede ser así como funciona el cuadro combinado). Pero seguro que puede presentarse como un problema.

Entonces este boleto necesita una aclaración. Las barras de desplazamiento son totalmente independientes de la imposibilidad de hacer clic. El problema de clic se puede crear por separado.
Este problema debería estar relacionado con las barras de desplazamiento o hacer clic en _sólo_.
En el caso de la barra de desplazamiento, debe tener un código Java exacto que permita reproducirlo. No puedo reproducirlo con mi código.

También puedo reproducir el problema usando su código.

¿Está poniendo algunos valores en el cuadro combinado y luego hace clic fuera? El problema no se puede reproducir si hace clic en el exterior y no se coloca nada dentro del problema de entrada. Entonces, por ejemplo, ponga xxx y haga clic en fuera. Luego aparece la barra de desplazamiento.

Lo siento si la descripción es demasiado vaga. En este caso particular, me preocupan las barras de desplazamiento, porque creo que podría ser un caso raíz para otros problemas. (Como si se hiciera clic en el botón no disparado). Pero, de hecho, el problema son las barras de desplazamiento.

Sí, he escrito en el campo de texto del cuadro combinado algo de texto.

Muy bien, disculpe las molestias. He probado con 11 antes, pero parece funcionar correctamente en V12 tanto en tu caso como en el mío.

Estoy usando la versión 1.0-SNAPSHOT para vaadin-combo-box-flow : no se puede reproducir.

¿Qué versión exactamente usas?

¿Cómo puedo comprobar esto?

No estoy especificando la versión por separado, creo que proviene de la versión de flujo. (Usando el iniciador base del proyecto predeterminado)

Puede que no sea una versión de Flow: Flow no conoce ningún componente excepto el componente HTML incorporado.

Es una versión de plataforma.
Es posible ver qué versión del componente está especificada en la plataforma pom.xml .
Otra forma: simplemente verifique las dependencias de su jar en su proyecto. Cada jarra tiene versión.

O simplemente dime la versión de la plataforma. Encontraré esta versión por mí mismo.

1.0.7

Además, ¿no está la versión de la plataforma <vaadin.version>10.0.9</vaadin.version> en pom? ¿O me estoy perdiendo algo?

<vaadin.version>10.0.9</vaadin.version> parece una versión de plataforma.

No puede reproducir.

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

MainView está configurado en

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

Sin barras de desplazamiento.

Utilice skeleton-starter para reproducir el problema. Si puede reproducir, simplemente archive su proyecto y adjúntelo al problema (no olvide eliminar la carpeta target del archivo).

Adjuntando mi proyecto, usado para probar
projectbase .zip

No puedo reproducir este problema con el proyecto adjunto.

Supongo que puede ser una consecuencia de la diferencia de configuración.
Lo que significa que aquí todo importa.

¿Qué navegador utilizas? (nombre + versión)
¿Qué sistema operativo usas?

No dedicaré más tiempo a esto. Proporcione la información y el desarrollador que trabajará en este problema la utilizará.

Google Chrome | 70.0.3538.110
SO: Windows 10

Cerrando como inactivo y porque no hemos podido reproducir el problema como se menciona en los comentarios anteriores.

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

joostdebruijn picture joostdebruijn  ·  6Comentarios

GoceRibeski picture GoceRibeski  ·  19Comentarios

osamamaruf picture osamamaruf  ·  4Comentarios

mas4ivv picture mas4ivv  ·  16Comentarios

web-padawan picture web-padawan  ·  3Comentarios