PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix example scrolling on ios (#2412)

Browse source 
We were blocking scrolling on touch devices with `touch-action: none`.
This diff moves that from the `<body>` onto just the editor itself.

### Change Type

- [x] `documentation` — Changes to the documentation only[^2]
This commit is contained in:
alex 2024-01-05 14:21:58 +00:00 committed by GitHub
parent ddf8a2623c
commit 01ab3604d0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
apps/examples/src/styles.css
View file

@ -5,8 +5,6 @@ body {
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
overscroll-behavior: none;
touch-action: none;
min-height: 100vh; min-height: 100vh;
font-size: 16px; font-size: 16px;
/* mobile viewport bug fix */ /* mobile viewport bug fix */
@ -29,6 +27,8 @@ html,
position: absolute; position: absolute;
inset: 0px; inset: 0px;
overflow: hidden; overflow: hidden;
overscroll-behavior: none;
touch-action: none;
} }
.examples { .examples {
@ -119,10 +119,14 @@ html,
opacity: 0; opacity: 0;
transition: opacity 0.12s ease-in-out; transition: opacity 0.12s ease-in-out;
} }
.examples__list__item:hover::before,
.examples__list__item__active::before { .examples__list__item__active::before {
opacity: 1; opacity: 1;
} }
@media screen and (pointer: fine) {
.examples__list__item:hover::before {
opacity: 1;
}
}
.examples__list__item h3 { .examples__list__item h3 {
all: unset; all: unset;