github.com/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2024-11-10 11:35:52 +01:00
Code Releases Wiki Activity

fix offset top and length causing drag issues

Browse Source
This commit is contained in:
Brady Madden 2020-01-04 13:36:02 -05:00
parent c5d65ccb39
commit cc132acdd1
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

@ -208,6 +208,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,
@ -981,8 +983,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;
@ -1117,12 +1119,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;