fix(Range): add context menu event handling to prevent default behavi…

…or, close alibaba-fusion#4768
L0821 · May 30, 2024 · 6ddaeff · 6ddaeff
1 parent f82ed20
commit 6ddaeff
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/components/range/view/range.jsx b/components/range/view/range.jsx
@@ -397,6 +397,10 @@ class Range extends React.Component {
         }
     }
 
+    _onContextMenu(e) {
+        pauseEvent(e);
+    }
+
     _start(position) {
         this.setState({
             hasMovingClass: true,
@@ -509,6 +513,11 @@ class Range extends React.Component {
     _addDocumentMouseEvents() {
         this._onMouseMoveListener = events.on(document, 'mousemove', this._move.bind(this));
         this._onMouseUpListener = events.on(document, 'mouseup', this._end.bind(this));
+        this._onContextMenuListener = events.on(
+            document,
+            'contextmenu',
+            this._onContextMenu.bind(this)
+        );
     }
 
     _addDocumentTouchEvents() {
@@ -536,6 +545,11 @@ class Range extends React.Component {
             this._onTouchEndListener.off();
             this._onTouchEndListener = null;
         }
+
+        if (this._onContextMenuListener) {
+            this._onContextMenuListener.off();
+            this._onContextMenuListener = null;
+        }
     }
 
     // position => current (value type)