mirror of
https://github.com/picocss/pico.git
synced 2025-05-04 22:57:12 -04:00
fix(modal): prevent scrolling and interactions below a modal on mobile
This commit is contained in:
parent
52e1072a08
commit
19d3c223fb
5 changed files with 5 additions and 3 deletions
File diff suppressed because one or more lines are too long
|
@ -2177,6 +2177,7 @@ dialog:not([open]), dialog[open=false] {
|
||||||
padding-right: var(--pico-scrollbar-width, 0px);
|
padding-right: var(--pico-scrollbar-width, 0px);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
touch-action: none;
|
||||||
}
|
}
|
||||||
.modal-is-open dialog {
|
.modal-is-open dialog {
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
|
|
File diff suppressed because one or more lines are too long
2
css/pico.min.css
vendored
2
css/pico.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -117,6 +117,7 @@
|
||||||
padding-right: var(#{$✨}scrollbar-width, 0px);
|
padding-right: var(#{$✨}scrollbar-width, 0px);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
touch-action: none;
|
||||||
|
|
||||||
dialog {
|
dialog {
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue