Dragging over an iframe stops dragging when moving the mouse too fast

I have already seen this and this post, but I think it is a dirty workaround. I defined a CustomDraggable component (see below), which can be used everywhere, the iframe can be i child and since I am working with other libraries such as @react-aria/dialog and @react-aria/overlays I have no control of the container and @simlmx solution does not work.

import Draggable from "react-draggable";
import styles from "./CustomDraggable.module.css";

export const CustomDraggable: FC = ({ children }) => {
  return (
    <Draggable cancel={"input, svg, button, table"}>
      <div className={styles.draggable}>{children}</div>
    </Draggable>
  );
};

Start by reproducing the rapid drag over an iframe with the CustomDraggable example and its react-draggable component. Compare the behavior with the linked issues, then trace the Draggable drag interaction; done means dragging remains active when the pointer crosses an iframe at speed, with a regression test covering that case.