angular / angular/components

Support blocking scroll on all scrolling containers via Overlay ScrollStrategy

Open
#10,387 17 comments 8 reactions 0 assignees View on GitHub
area: cdk/overlay feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
cdk overlayConfig scrollStrategies.block() not working

#### What is the expected behavior?
I expected It function block other scrollable at active overlay.

#### What is the current behavior?
Partially acted
app serve -> working in only chrome
prod build -> not working in any browser

#### What is the use-case or motivation for changing an existing behavior?

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
os: macOS Sierra v:10.12.6
"@angular/animations": "5.2.8",
"@angular/cdk": "5.2.4",
"@angular/common": "5.2.8",
"@angular/compiler": "5.2.8",
"@angular/core": "5.2.8",
"@angular/flex-layout": "^5.0.0-beta.13",
"@angular/forms": "5.2.8",
"@angular/material": "5.2.4",
"@angular/material-moment-adapter": "5.2.4",
"@angular/platform-browser": "5.2.8",
"@angular/platform-browser-dynamic": "5.2.8",
"@angular/router": "5.2.8",
"core-js": "^2.4.1",
"hammerjs": "^2.0.8",
"rxjs": "^5.5.6",
"web-animations-js": "^2.3.1",
"zone.js": "^0.8.19"
"@angular/compiler-cli": "5.2.8",
"@angular/language-service": "5.2.8",

Contributor guide

Open the contributing guide

Research direction

The issue names no files, tests, or entry points. Start by reproducing the failure with cdk overlayConfig scrollStrategies.block() in both serve and production builds, comparing Chrome with other browsers. Done means blocking works for all scrolling containers while an overlay is active.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.