Skip to content

fix(overlay): proper backdrop stacking with multiple overlays - #2276

Merged
jelbourn merged 2 commits into
angular:masterfrom
crisbeto:2272/overlay-backdrop-stacking
Dec 20, 2016
Merged

fix(overlay): proper backdrop stacking with multiple overlays#2276
jelbourn merged 2 commits into
angular:masterfrom
crisbeto:2272/overlay-backdrop-stacking

Conversation

@crisbeto

@crisbetocrisbeto commented Dec 19, 2016

Copy link
Copy Markdown
Member

Currently backdrops get inserted after their corresponding overlays in the DOM. This can lead to situations where another overlay that is technically lower in the stacking order could go above a backdrop (e.g. opening a select inside a dialog). These changes switch to doing the stacking by having the overlay and backdrop have the same z-index and determining the stacking order by the order of the elements in the DOM.

Fixes#2272.

Note: I'm expecting this to have some merge conflicts with #2258.

@googlebotgooglebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Dec 19, 2016
@jelbourn

Copy link
Copy Markdown
Contributor

LGTM, I'm going to try to get that renaming PR in first

Currently backdrops get inserted after their corresponding overlays in the DOM. This can lead to situations where another overlay that is technically lower in the stacking order could go above a backdrop (e.g. opening a `select` inside a `dialog`). These changes switch to doing the stacking by having the overlay and backdrop have the same `z-index` and determining the stacking order by the order of the elements in the DOM.
Fixesangular#2272.
@crisbeto
crisbetoforce-pushed the 2272/overlay-backdrop-stacking branch from 7114888 to c5de24fCompareDecember 20, 2016 08:46
@crisbeto

Copy link
Copy Markdown
MemberAuthor

Seems like some of the tests started failing after I rebased from master. Investigating.

@crisbeto

Copy link
Copy Markdown
MemberAuthor

Alright, it's sorted out. I had to rename the selector to use the cdk- prefix.

@jelbournjelbourn added the action: merge The PR is ready for merge by the caretaker label Dec 20, 2016
@jelbourn
jelbourn merged commit b16031a into angular:masterDec 20, 2016
@angular-automatic-lock-bot

Copy link
Copy Markdown

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-botangular-automatic-lock-botBot locked and limited conversation to collaborators Sep 6, 2019
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

action: mergeThe PR is ready for merge by the caretakercla: yesPR author has agreed to Google's Contributor License Agreement

Projects

None yet

Development

Successfully merging this pull request may close these issues.

md-select overlay not dismissed inside dialog

3 participants

@crisbeto@jelbourn@googlebot