sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent browser from scrolling when panning (#4489)

Browse Source
This commit is contained in:
David Luzar 2021-12-27 14:18:11 +01:00 committed by GitHub
parent 04f852a40a
commit bae0e985b2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/App.tsx
View File

@ -1765,6 +1765,7 @@ class App extends React.Component<AppProps, AppState> {
if (event.key === KEYS.SPACE && gesture.pointers.size === 0) { if (event.key === KEYS.SPACE && gesture.pointers.size === 0) {
isHoldingSpace = true; isHoldingSpace = true;
setCursor(this.canvas, CURSOR_TYPE.GRABBING); setCursor(this.canvas, CURSOR_TYPE.GRABBING);
event.preventDefault();
} }
if (event.key === KEYS.G || event.key === KEYS.S) { if (event.key === KEYS.G || event.key === KEYS.S) {
@ -2731,6 +2732,7 @@ class App extends React.Component<AppProps, AppState> {
return false; return false;
} }
isPanning = true; isPanning = true;
event.preventDefault();
let nextPastePrevented = false; let nextPastePrevented = false;
const isLinux = /Linux/.test(window.navigator.platform); const isLinux = /Linux/.test(window.navigator.platform);

1
src/packages/excalidraw/CHANGELOG.md
View File

@ -66,6 +66,7 @@ Please add the latest change on the top under the correct section.
### Fixes ### Fixes
- Panning the canvas using `mousewheel-drag` and `space-drag` now prevents the browser from scrolling the container/page [#4489](https://github.com/excalidraw/excalidraw/pull/4489).
- Scope drag and drop events to Excalidraw container to prevent overriding host application drag and drop events. - Scope drag and drop events to Excalidraw container to prevent overriding host application drag and drop events.
### Build ### Build