github.com/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2024-11-02 03:25:53 +01:00
Code Releases Wiki Activity

fix offset top and length causing drag issues (#122)

Browse Source
This commit is contained in:
Brady Madden 2020-01-04 14:05:45 -05:00 committed by Christopher Chedeau
parent dee8a73d3d
commit 1919f30878
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/index.tsx
View File

@ -241,6 +241,8 @@ type SceneState = {
const SCROLLBAR_WIDTH = 6;
const SCROLLBAR_MARGIN = 4;
const SCROLLBAR_COLOR = "rgba(0,0,0,0.3)";
const CANVAS_WINDOW_OFFSET_LEFT = 250;
const CANVAS_WINDOW_OFFSET_TOP = 0;
function getScrollbars(
canvasWidth: number,
@ -1106,8 +1108,8 @@ class App extends React.Component<{}, AppState> {
</div>
<canvas
id="canvas"
width={window.innerWidth - 250}
height={window.innerHeight}
width={window.innerWidth - CANVAS_WINDOW_OFFSET_LEFT}
height={window.innerHeight - CANVAS_WINDOW_OFFSET_TOP}
onWheel={e => {
e.preventDefault();
const { deltaX, deltaY } = e;
@ -1331,12 +1333,12 @@ class App extends React.Component<{}, AppState> {
if (!draggingElement) return;
let width =
e.clientX -
target.offsetLeft -
CANVAS_WINDOW_OFFSET_LEFT -
draggingElement.x -
this.state.scrollX;
let height =
e.clientY -
target.offsetTop -
CANVAS_WINDOW_OFFSET_TOP -
draggingElement.y -
this.state.scrollY;
draggingElement.width = width;