Prevent clicks on video from initiating selections

2018-09-17 14:19:35 +02:00
parent 5c9a2f5d77
commit 925c185ef9
2 changed files with 11 additions and 2 deletions
--- a/app/javascript/flavours/glitch/features/video/index.js
+++ b/app/javascript/flavours/glitch/features/video/index.js
@@ -135,7 +135,10 @@ export default class Video extends React.PureComponent {
    this.seek = c;
  }

-  handleClickRoot = e => e.stopPropagation();
+  handleMouseDownRoot = e => {
+    e.preventDefault();
+    e.stopPropagation();
+  }

  handlePlay = () => {
    this.setState({ paused: false });
@@ -319,7 +322,7 @@ export default class Video extends React.PureComponent {
        ref={this.setPlayerRef}
        onMouseEnter={this.handleMouseEnter}
        onMouseLeave={this.handleMouseLeave}
-        onClick={this.handleClickRoot}
+        onMouseDown={this.handleMouseDownRoot}
        tabIndex={0}
      >
        <video