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

Merge pull request #290 from picocss/ll/fix-modal-prevent-scrolling-on-mobile

Browse source 
Fix: Prevent scrolling and interactions below a modal on mobile, by @rbf
This commit is contained in:
Lucas Larroche 2022-12-26 13:04:55 +07:00 • committed by GitHub
commit 74131c9b34
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

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;

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

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;