From f3718a5d034ab710e8416f9b76883f4f154c2a1b Mon Sep 17 00:00:00 2001
From: Rustam Sayfutdinov <rstm.sf@gmail.com>
Date: Tue, 11 Aug 2020 01:52:33 +0300
Subject: [PATCH] revert bind and preventdefault

---
 .../HtmlTransport/webapp/src/FramePresenter.tsx  | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/Avalonia.DesignerSupport/Remote/HtmlTransport/webapp/src/FramePresenter.tsx b/src/Avalonia.DesignerSupport/Remote/HtmlTransport/webapp/src/FramePresenter.tsx
index ec8a1bab68..96d2f45fdc 100644
--- a/src/Avalonia.DesignerSupport/Remote/HtmlTransport/webapp/src/FramePresenter.tsx
+++ b/src/Avalonia.DesignerSupport/Remote/HtmlTransport/webapp/src/FramePresenter.tsx
@@ -19,6 +19,11 @@ export class PreviewerPresenter extends React.Component<PreviewerPresenterProps>
         this.componentDidUpdate({
             conn: null!
         }, this.state);
+
+        this.handleMouseDown = this.handleMouseDown.bind(this);
+        this.handleMouseUp = this.handleMouseUp.bind(this);
+        this.handleMouseMove = this.handleMouseMove.bind(this);
+        this.handleWheel = this.handleWheel.bind(this);
     }
 
     componentDidMount(): void {
@@ -56,16 +61,19 @@ export class PreviewerPresenter extends React.Component<PreviewerPresenterProps>
     }
 
     handleMouseDown(e: React.MouseEvent) {
+        e.preventDefault();
         const pointerPressedEventMessage = new PointerPressedEventMessage(e);
         this.props.conn.sendMouseEvent(pointerPressedEventMessage);
     }
 
     handleMouseUp(e: React.MouseEvent) {
+        e.preventDefault();
         const pointerReleasedEventMessage = new PointerReleasedEventMessage(e);
         this.props.conn.sendMouseEvent(pointerReleasedEventMessage);
     }
 
     handleMouseMove(e: React.MouseEvent) {
+        e.preventDefault();
         const pointerMovedEventMessage = new PointerMovedEventMessage(e);
         this.props.conn.sendMouseEvent(pointerMovedEventMessage);
     }
@@ -78,9 +86,9 @@ export class PreviewerPresenter extends React.Component<PreviewerPresenterProps>
 
     render() {
         return <canvas ref={this.canvasRef}
-                       onMouseDown={this.handleMouseDown.bind(this)}
-                       onMouseUp={this.handleMouseUp.bind(this)}
-                       onMouseMove={this.handleMouseMove.bind(this)}
-                       onWheel={this.handleWheel.bind(this)} />
+                       onMouseDown={this.handleMouseDown}
+                       onMouseUp={this.handleMouseUp}
+                       onMouseMove={this.handleMouseMove}
+                       onWheel={this.handleWheel} />
     }
 }