fix(react-native): check for virtual elements (#2743)

.changeset/slimy-comics-explain.md

@@ -0,0 +1,5 @@
+---
+"@floating-ui/react-native": patch
+---
+
+fix: check for virtual elements when measuring

packages/react-native/src/createPlatform.ts

@@ -1,40 +1,62 @@
-import type {Platform} from '@floating-ui/core';
-import {Dimensions} from 'react-native';
+import type {Platform, VirtualElement} from '@floating-ui/core';
+import {Dimensions, View} from 'react-native';
 
 const ORIGIN = {x: 0, y: 0};
 
+function isView(reference: View | VirtualElement): reference is View {
+  return 'measure' in reference;
+}
+
 export const createPlatform = ({
   offsetParent,
   sameScrollView = true,
   scrollOffsets = ORIGIN,
 }: {
-  offsetParent: any;
+  offsetParent: View;
   sameScrollView: boolean;
   scrollOffsets: {
     x: number;
     y: number;
   };
 }): Platform => ({
-  getElementRects({reference, floating}) {
+  getElementRects({
+    reference,
+    floating,
+  }: {
+    reference: View | VirtualElement;
+    floating: View;
+  }) {
     return new Promise((resolve) => {
       const onMeasure = (offsetX = 0, offsetY = 0) => {
         floating.measure(
           (x: number, y: number, width: number, height: number) => {
             const floatingRect = {width, height, ...ORIGIN};
             const method = sameScrollView ? 'measure' : 'measureInWindow';
 
-            reference[method](
-              (x: number, y: number, width: number, height: number) => {
-                const referenceRect = {
-                  width,
-                  height,
-                  x: x - offsetX,
-                  y: y - offsetY,
-                };
+            if (isView(reference)) {
+              reference[method](
+                (x: number, y: number, width: number, height: number) => {
+                  const referenceRect = {
+                    width,
+                    height,
+                    x: x - offsetX,
+                    y: y - offsetY,
+                  };
+
+                  resolve({reference: referenceRect, floating: floatingRect});
+                },
+              );
+            } else {
+              const boundingRect = reference.getBoundingClientRect();
+              const referenceRect = {
+                width: boundingRect.width,
+                height: boundingRect.height,
+                x: boundingRect.x - offsetX,
+                y: boundingRect.y - offsetY,
+              };
 
-                resolve({reference: referenceRect, floating: floatingRect});
-              },
-            );
+              resolve({reference: referenceRect, floating: floatingRect});
+            }
           },
         );
       };