title: drag an svg rect
body: <p>When I try to drag an svg rect like below it first selects any text on my page and then become draggable. How I can make it draggable initially?</p>
  
  <pre><code>&lt;g
        onDragStart={this.onDragStart}
        onDrag={this.onDrag}
        onDragEnd={this.onDragEnd}&gt;
     &lt;rect&gt;&lt;/rect&gt;
     &lt;text&gt;{text}&lt;/text&gt;
  &lt;/g&gt;
  </code></pre>
  
  <p>I'm using React and here are a functions of my component:</p>
  
  <pre><code>  onDragStart = (event) =&gt; {
      this.setState({
        dx: event.clientX - this.state.x,
        dy: event.clientY - this.state.y
      });
    };
  
    onDrag = (event) =&gt; {
      this.setState({
        x: event.clientX - this.state.dx,
        y: event.clientY - this.state.dy
      });
    };
  
    onDragEnd = (event) =&gt; {
      this.setState({
        x: event.clientX - this.state.dx,
        y: event.clientY - this.state.dy
      });
    };
  </code></pre>