angular / angular/components

Autocomplete initial positioning

Abierto
#8,314 11 comentarios 4 reacciones 0 asignados Ver en GitHub
area: material/autocomplete P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### Bug, feature request, or proposal:
I have a project where the `autocomplete` dropdown does not properly position itself until it the input box that it is acting upon is unfocused and refocused. It initially extends past the bottom of the screen, choosing to initially position on the bottom of its input box.

Perhaps there could be a directive to force positioning of an `autocomplete` dropdown?

#### What is the expected behavior?
Expected behavior is for the `autocomplete` dropdown to recognize that it will be off-screen if it extends downward and instead position itself above the input box.

#### What is the current behavior?
In its current behavior, the `autocomplete` dropdown only calculates its position properly once its input box has been refocused. Switching tabs also causes the `autocomplete` dropdown to position properly.

#### What are the steps to reproduce?
The project in which this bug is occurring is already large and mature. I have, as of yet, been unable to reproduce this issue within a simple context.

#### What is the use-case or motivation for changing an existing behavior?
There may be cases where the code does not properly position the `autocomplete` dropdown. Adding a directive or other such mechanism for forcing positioning may prove useful.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
```
@angular/cli: 1.5.0
@angular/material: 2.0.0-beta.12
typescript: 2.3.3
OS: (Gentoo) Linux
Browsers: webkit and gecko
```

#### Is there anything else we should know?
I don't particularly expect great support since I am unable to provide reproducable steps, but thanks in advance anybody's time in addressing this matter.

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

No se indica ningún archivo fuente, prueba ni ejemplo reproducible. Empieza creando una reproducción mínima de la apertura del autocompletado cerca de la parte inferior del viewport y, a continuación, sigue la ruta de posicionamiento inicial y compárala con el comportamiento al volver a enfocar y al cambiar de pestaña. Se considera terminado cuando el dropdown se mueve inicialmente por encima del campo de entrada cuando fuera a salirse de la pantalla.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
25/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.