angular / angular/components

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

Offen
#16,404 0 Kommentare 12 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/overlay P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### 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`

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der verlinkten StackBlitz-Reproduktion und verfolge das Verhalten von Angular CDK OverlayConfig und BlockScrollStrategy, das an der Größenanpassung von Pane und Container beteiligt ist. Fertig ist die Aufgabe, wenn das Overlay nach dem Scrollen des Bodys in seinen Container passt und das Ende des letzten Overlay-Elements erreicht werden kann.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.