Fixing scrollbar flickering in annotator mode (#1968)

<!-- This is an auto-generated description by cubic. -->
## Summary by cubic
Fixes scrollbar flickering in annotator mode by constraining draggable
inputs within the container and suppressing scroll during drag for
smoother movement.

- **Bug Fixes**
- Added containerRef to DraggableTextInput and elementRef to calculate
bounds.
- Constrained drag coordinates to container size and accounted for
scale.
- Prevented default and stopped propagation on mousemove to avoid scroll
jitter.
  - Passed containerRef from Annotator to DraggableTextInput.

<sup>Written for commit 959605ddaa5faf23252ee797bf206c6dff46a069.
Summary will update automatically on new commits.</sup>

<!-- End of auto-generated description by cubic. -->
This commit is contained in:
Mohamed Aziz Mejri
2025-12-16 20:21:33 +01:00
committed by GitHub
parent 3fd45ec253
commit 2e31c508da
2 changed files with 25 additions and 4 deletions

View File

@@ -377,6 +377,7 @@ export const Annotator = ({
spanRef={spanRef}
inputRef={inputRef}
color={input.color}
containerRef={containerRef}
/>
))}