There is an error that occurs when you're using a React Portal inside a list item, in my case a Modal from react-bootstrap.
When a keyboard event is dispatched inside the portal, it bubbles up the React component tree to react-movable's onKeyDown handler, which calls checkIfInteractive(target: Element, rootElement: Element). But in this case the DOM tree doesn't match the React tree, and because of that target is not a descendant of rootElement. As a result, in the code inside checkIfInteractive, target ends up being null, and an error is thrown at this line:
|
if (target.getAttribute('data-movable-handle')) { |
There is an error that occurs when you're using a React Portal inside a list item, in my case a Modal from react-bootstrap.
When a keyboard event is dispatched inside the portal, it bubbles up the React component tree to react-movable's
onKeyDownhandler, which callscheckIfInteractive(target: Element, rootElement: Element). But in this case the DOM tree doesn't match the React tree, and because of thattargetis not a descendant ofrootElement. As a result, in the code insidecheckIfInteractive,targetends up beingnull, and an error is thrown at this line:react-movable/src/utils.ts
Line 119 in daf3d1f