angular / angular/components

.cdk-overlay-pane does not fit .cdk-overlay-container

Abierto
#16,404 0 comentarios 12 reacciones 0 asignados Ver en GitHub
area: cdk/overlay P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### Reproduction

Steps to reproduce:
1. Open https://stackblitz.com/edit/angular-overlay-scroll
2. Scroll body
3. Press 'overlay' button


#### Expected Behavior

`.cdk-overlay-pane` fits `.cdk-overlay-container` if `BlockScrollStrategy` is used.

#### Actual Behavior

`.cdk-overlay-pane` does not fit `.cdk-overlay-container` if `BlockScrollStrategy` is used.
A part of `.cdk-overlay-pane` is out `.cdk-overlay-container`.
There is no way to scroll to the bottom of the last `.overlay-items__item`.
![image](https://user-images.githubusercontent.com/8931568/60344410-2c25f880-99bf-11e9-8f0b-b53deda63a53.png)

#### Environment

- Angular: 7, 8
- CDK/Material: 7, 8
- Browser(s): Google Chrome, Firefox, Opera
- Operating System (e.g. Windows, macOS, Ubuntu): Windows, macOS, Android

#### Suggest a Fix
I have found two ways to fix it.
1. Make `OverlayConfig#minHeight` required
2. Set default value of `OverlayConfig#minHeight`

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción vinculada de StackBlitz y sigue el comportamiento de Angular CDK OverlayConfig y BlockScrollStrategy implicado en el dimensionamiento del pane y el container. Se considera completado cuando el overlay se ajusta a su container después de desplazar el body y se puede alcanzar la parte inferior del último elemento del overlay.

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
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.