smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed Unable to preventDefault errors in Chrome

Browse source
This commit is contained in:
hazam 2020-01-05 01:02:19 +05:00
parent 1ef66441c3
commit 59effbc796
1 changed files with 16 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/index.tsx
View file

@ -1110,13 +1110,12 @@ class App extends React.Component<{}, AppState> {
id="canvas" id="canvas"
width={window.innerWidth - CANVAS_WINDOW_OFFSET_LEFT} width={window.innerWidth - CANVAS_WINDOW_OFFSET_LEFT}
height={window.innerHeight - CANVAS_WINDOW_OFFSET_TOP} height={window.innerHeight - CANVAS_WINDOW_OFFSET_TOP}
onWheel={e => { ref={canvas => {
e.preventDefault(); if (canvas) {
const { deltaX, deltaY } = e; canvas.addEventListener("wheel", this.handleWheel, {
this.setState(state => ({ passive: false
scrollX: state.scrollX - deltaX, });
scrollY: state.scrollY - deltaY }
}));
}} }}
onMouseDown={e => { onMouseDown={e => {
// only handle left mouse button // only handle left mouse button
@ -1172,7 +1171,7 @@ class App extends React.Component<{}, AppState> {
isResizingElements = true; isResizingElements = true;
} else { } else {
let hitElement = null; let hitElement = null;
// We need to to hit testing from front (end of the array) to back (beginning of the array) // We need to to hit testing from front (end of the array) to back (beginning of the array)
for (let i = elements.length - 1; i >= 0; --i) { for (let i = elements.length - 1; i >= 0; --i) {
if (hitTest(elements[i], x, y)) { if (hitTest(elements[i], x, y)) {
@ -1394,6 +1393,15 @@ class App extends React.Component<{}, AppState> {
); );
} }
private handleWheel = (e: WheelEvent) => {
e.preventDefault();
const { deltaX, deltaY } = e;
this.setState(state => ({
scrollX: state.scrollX - deltaX,
scrollY: state.scrollY - deltaY
}));
};
componentDidUpdate() { componentDidUpdate() {
renderScene(rc, context, { renderScene(rc, context, {
scrollX: this.state.scrollX, scrollX: this.state.scrollX,