fix(focus): Don't attempt to focus elements with no size

Author: WillsonHaw

.changeset/tough-seas-sing.md

@@ -0,0 +1,5 @@
+---
+"@plextv/react-lightning": patch
+---
+
+fix(focus): Don't attempt to focus elements with no size

packages/react-lightning/src/utils/findClosestElement.ts

@@ -195,32 +195,39 @@ export function findClosestElement(
   const sourceDimensions = getDimensions(sourceElement, parentElement);
 
   for (const otherElement of elementsToCheck) {
-    if (otherElement.focusable && otherElement !== sourceElement) {
-      const otherDimensions = getDimensions(otherElement, parentElement);
-      const { x: isOverlappedX, y: isOverlappedY } = isOverlap(
-        sourceDimensions,
-        otherDimensions,
-      );
-
-      const distance = calculateShortestDistance(
-        direction,
-        sourceDimensions,
-        otherDimensions,
-      );
-
-      if (distance === null) {
-        continue;
-      }
+    if (
+      otherElement === sourceElement ||
+      otherElement.node.w === 0 ||
+      otherElement.node.h === 0 ||
+      !otherElement.focusable
+    ) {
+      continue;
+    }
 
-      const isHorizontal = direction & Direction.Horizontal;
-      const isOverlapped = isHorizontal ? isOverlappedY : isOverlappedX;
+    const otherDimensions = getDimensions(otherElement, parentElement);
+    const { x: isOverlappedX, y: isOverlappedY } = isOverlap(
+      sourceDimensions,
+      otherDimensions,
+    );
 
-      if (distance < closestDistance && isOverlapped) {
-        closest = [otherElement];
-        closestDistance = distance;
-      } else if (distance === closestDistance) {
-        closest?.push(otherElement);
-      }
+    const distance = calculateShortestDistance(
+      direction,
+      sourceDimensions,
+      otherDimensions,
+    );
+
+    if (distance === null) {
+      continue;
+    }
+
+    const isHorizontal = direction & Direction.Horizontal;
+    const isOverlapped = isHorizontal ? isOverlappedY : isOverlappedX;
+
+    if (distance < closestDistance && isOverlapped) {
+      closest = [otherElement];
+      closestDistance = distance;
+    } else if (distance === closestDistance) {
+      closest?.push(otherElement);
     }
   }
 

packages/vite-plugin-msdf-fontgen/tsdown.config.ts

@@ -5,6 +5,7 @@ export default defineConfig({
   ...baseConfig,
   format: 'esm',
   target: 'node22',
+  external: [/^node:.*/],
   exports: {
     devExports: false,
   },

packages/vite-plugin-react-reanimated-lightning/tsdown.config.ts

@@ -5,6 +5,7 @@ export default defineConfig({
   ...baseConfig,
   format: 'esm',
   target: 'node22',
+  external: [/^node:.*/],
   exports: {
     devExports: false,
   },