rei-mirrors/pico
1
0
Fork 0
mirror of https://github.com/picocss/pico synced 2025-09-10 03:16:32 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(modal): prevent scrolling and interactions below a modal on mobile

Browse Source
This commit is contained in:
rbf 2022-11-07 16:17:06 +01:00 committed by Lucas Larroche
parent b082797555
commit a696328621
2 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/pico.css
View File

@ -2254,6 +2254,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;

1
scss/components/_modal.scss
View File

@ -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;