improve native isolation
This commit is contained in:
parent
3f57682a9b
commit
9748b98163
15 changed files with 341 additions and 95 deletions
|
|
@ -358,6 +358,15 @@ select {
|
|||
z-index: 50;
|
||||
transform: none;
|
||||
}
|
||||
/* the blanket "transform: translateZ(0)" above makes every element its own
|
||||
stacking context, which traps the open list inside its wrapper (a select in
|
||||
a .linux-only or .form-card row painted under the next label); app.js adds
|
||||
this class to the ancestors while a select is open so the whole chain lifts
|
||||
over the rows below, then removes it again */
|
||||
.select-lift {
|
||||
position: relative;
|
||||
z-index: 50;
|
||||
}
|
||||
.custom-select-options {
|
||||
position: absolute;
|
||||
top: calc(100% + 0.4rem);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue