mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-20 16:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

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