Do not use requestAnimation if DataTransfer is available (#2052)

*  not to requestAnimationFrame in modern browser

* Fix bugs

* Fix bugs

* Fix bugs

* Use callback

packages/slate-react/src/plugins/after.js

@@ -204,12 +204,9 @@ function AfterPlugin() {
   function onCut(event, change, editor) {
     debug('onCut', { event })
 
-    cloneFragment(event, change.value)
-    const window = getWindow(event.target)
-
     // Once the fake cut content has successfully been added to the clipboard,
     // delete the content in the current selection.
-    window.requestAnimationFrame(() => {
+    cloneFragment(event, change.value, change.value.fragment, () => {
       // If user cuts a void block node or a void inline node,
       // manually removes it since selection is collapsed in this case.
       const { value } = change

packages/slate-react/src/utils/clone-fragment.js

@@ -18,7 +18,12 @@ const { FRAGMENT, HTML, TEXT } = TRANSFER_TYPES
  * @param {Document} [fragment]
  */
 
-function cloneFragment(event, value, fragment = value.fragment) {
+function cloneFragment(
+  event,
+  value,
+  fragment = value.fragment,
+  callback = () => undefined
+) {
   const window = getWindow(event.target)
   const native = window.getSelection()
   const { start, end } = value.selection
@@ -106,7 +111,7 @@ function cloneFragment(event, value, fragment = value.fragment) {
     event.clipboardData.setData(TEXT, plainText)
     event.clipboardData.setData(FRAGMENT, encoded)
     event.clipboardData.setData(HTML, div.innerHTML)
-    return
+    callback()
   }
 
   // COMPAT: For browser that don't support the Clipboard API's setData method,
@@ -124,6 +129,7 @@ function cloneFragment(event, value, fragment = value.fragment) {
     editor.removeChild(div)
     removeAllRanges(native)
     native.addRange(range)
+    callback()
   })
 }