fix: get correct position info of canvas

redotvideo · Oct 3, 2024 · 3d321de · 3d321de
1 parent 8e1f558
commit 3d321de
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/player-react/src/index.tsx b/packages/player-react/src/index.tsx
@@ -138,14 +138,17 @@ export function Player({
   const handlePlayerResize = useCallback(
     (entries: ResizeObserverEntry[]) => {
       const [firstEntry] = entries;
-      if (!firstEntry || !wrapperRef.current || !lastRect.current) {
+      if (!firstEntry || !wrapperRef.current) {
         return;
       }
-
-      const newRect = firstEntry.contentRect;
+  
+      const newRect = wrapperRef.current.getBoundingClientRect();
       if (
+        !lastRect.current ||
         newRect.width !== lastRect.current.width ||
-        newRect.height !== lastRect.current.height
+        newRect.height !== lastRect.current.height ||
+        newRect.x !== lastRect.current.x ||
+        newRect.y !== lastRect.current.y
       ) {
         lastRect.current = newRect;
         onPlayerResize(newRect);