angular / angular/components

Make an overlay always on top of other overlays

Open
#14,650 4 comments 5 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

#### Please describe the feature you would like to request.

whenever a new overlay is created it is positions on top of other existing overlays (speaking wrt z-index).
provide a way to mark a overlay need to be shown always on top of other overlay's irrespective of order of creation


#### What is the use-case or motivation for this proposal?

In our application we are using `overlay` as container for in-app **notifications** (we don't use/follow material spec)
We also use overlay for different use-cases like `full-window` dialogs, custom `drop-downs` , and such things
opening new overlay is hiding the **notifications** which we do not want

Contributor guide

Open the contributing guide

Research direction

The issue names no files or tests. Start by locating the Angular CDK overlay implementation and its existing tests, then trace how overlay stacking order is assigned. Done should include a supported way to keep a marked overlay above other overlays, with tests covering creation order and the notification use case.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.