Textarea doesn't work inside gesture container

[mb-userr]

Describe the bug

Textarea element doesn't work correctly inside draggable element. Normally we have to hold left click on the textarea to change the size, but in the firefox it works on hover (but firstly we have to click at least once on the input). I have checked it in chrome and edge and its' working fine there. Outside draggable elements the textarea in the firefox is working fine

Sandbox or Video

https://codesandbox.io/p/sandbox/beautiful-smoke-nk3z8q

Information:

• Use Gesture version: v10.3.0
• Browser: Firefox 123.0

Checklist:

• [X] I've read the documentation.
• [X] If this is an issue with drag, I've tried setting touch-action: none to the draggable element.

[wolnynick]

@mb-userr did you solve it? I have the same problem and can't resolve it by my own. @dbismut do you know where is the problem?

[dbismut]

Are you testing on desktop or mobile? On desktop I stopped having hydration errors. On mobile there's the little section button on the bottom right that causes a SSR error as it is conditionally displayed via a js-based media query.

[wolnynick]

I didn't tried on mobile. Desktop tests fails only in Firefox

[dbismut]

Sorry I commented on the wrong thread, I'll hide all this for clarity

[jacopo-one]

The problem is also present on every element which has the resize property. Another problem related to this: after resizing, even in a browser where the resize works, when you drag the element the given offset is wrong.

https://codesandbox.io/p/sandbox/mystifying-joliot-qxksc3