title: React set draggable antd modal
body: <p>I'm trying to add a antd modal with drag&amp;drop features.</p>
  
  <pre><code>import React, { Component } from "react";
  import Draggable from "react-draggable";
  import { Modal } from 'antd';
  import 'antd/dist/antd.css';
  export default class App extends Component {
    state = {
      disabled: false
    };
  
    render = () =&gt; {
      const { disabled } = this.state;
      return (
        &lt;div className="container"&gt;
            &lt;Modal visible&gt;
            &lt;Draggable&gt;
            &lt;div&gt;
              &lt;h4 style={{ height: 20, userSelect: "none" }}&gt;
                {"Drag Me"}
              &lt;/h4&gt;
              &lt;textarea disabled={!disabled} className="uk-textarea" /&gt;
  
              &lt;br /&gt;
              &lt;/div&gt;
          &lt;/Draggable&gt;
            &lt;/Modal&gt;
        &lt;/div&gt;
      );
    };
  }
  </code></pre>
  
  <p>Here's my sanbox code <a href="https://codesandbox.io/s/small-currying-j3emq" rel="nofollow noreferrer">https://codesandbox.io/s/small-currying-j3emq</a>, but it seems that react-draggable in <strong>ant modal</strong> element doesn't work, probably if I can set the element <strong>"ant-modal-content"</strong> as draggable element this works.</p>
  
  <p>Does anyone know if it is possible to put the draggable element via props in react-draggable?</p>
  
  <p>I am also available to change the package for drag &amp; drop, I just need to be able to drag a antd modal</p>
  
  <p><a href="https://i.stack.imgur.com/QrDSr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QrDSr.png" alt="enter image description here"></a></p>