MudPopover: Fix z-index issues with nested popovers#10089
MudPopover: Fix z-index issues with nested popovers#10089henon merged 8 commits intoMudBlazor:devfrom
Conversation
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## dev #10089 +/- ##
=======================================
Coverage 91.15% 91.16%
=======================================
Files 411 411
Lines 12466 12467 +1
Branches 2419 2420 +1
=======================================
+ Hits 11364 11365 +1
Misses 557 557
Partials 545 545 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
|
This definitely needs some testing from out side as well cc @Yomodo if you are interested to test |
danielchalmers
left a comment
There was a problem hiding this comment.
My hero 🤩
Could you add some test viewer pages or extra parts to existing examples to make it easier to confirm the resolved issues?
|
Yah I've got a bunch in queue I used but didn't push. I'll move them to a page then push them in the morning. |
|
Add appbartest to the components page with 3 relevant example sections and a half dozen examples. In addition to those I looked at every component page checking things to try and be sure. Please do the same and let me know if anything is off. |
|
I think @danielchalmers meant to add them in the MudBlazor.UnitTests.Viewer project under |
|
Done. Almost all of these are straight from the github issues just so you know. |
|
This is an epic PR. You fixed an issue even @Garderoben and the entire team failed to fix for a long time and not for a lack of trying. We just never had the right idea how to do it. I only thought of trying cascading parameters or so, @ScarletKuro wanted to replace the entire popover library with a JS library, etc .... ;) |
I removed the |
Thank you. I was 10 hours in when I decided to just start commenting everything and figured out the wrong parent was being used to calculate zindex. I appreciate it. |
(Doesn't display the results, however without this PR it's working fine) |
|
We missed the "Direction and Location" problem in the docs as well. |
|
To save some time, i figured that the content display problem is cause by the |
|
Ok basically there's two types of issues. Issue |
|
From the Select examples on the dev branch: Opening upwards: Off to the side: |
|
Got both fixed in another branch. I'll submit when tested thoroughly. |
|
Wish my viewer changes were in lol |




Description
Removed the overflow adjustment to appbar when popover flips would have ended up underneath it. It was causing children popovers of an appbar to also be adjusted which was unintended behavior. Instead if a popover is underneath the appbar it will zindex to 1 higher than it's parent.
Wrote a javascript function to calculate popover zindex based on parent (when valid parent exists).
Currently
Popover has a parent popover
Popover is inside an appbar
Popover is the parent of a tooltip (that uses popover) (this is different than the flex problem)
There is another issue related to margins and offset that I will work on after this PR is approved/modified/etc.
I do not expect this to be a breaking change as anyone overriding the zindex already are doing so to mimic this behavior (or ignore popover problems) and this shouldn't affect that.
resolves #10026
resolves #8805
resolves #8373
resolves #8250
resolves #7634
resolves #6909
hard to test this one but I think it resolves #6806
resolves #5566 (this is such an odd scenario anyways but did help me find another quirk)
checked #5173 but it already works
resolves #5108
resolves #5074
resolves #4903
resolves #4514
resolves #8180
resolves #8173
does NOT resolve issue #2976 but it does set the zIndex so another PR down the road could resolve it without doing things in 2 places
confirmed no regression on #3046
How Has This Been Tested?
Individually checking Each and Every issue above. See video in next comment as I show most of them in it.
no, I'm unsure if there's a way to test these changes
Type of Changes
Checklist
dev).