Combobox popover height is 0px in iOS Safari when pinch zooming

[jeremy-code]

Provide a general summary of the issue here

When pinch zooming (which happens automatically on inputs of font size less than 16px) in iOS Safari (26.3), the popover height will be very small, sometimes 0px, despite more room being available.

🤔 Expected Behavior?

The popover height should use up as much height as is necessary.

😯 Current Behavior

https://github.com/user-attachments/assets/8ef88cac-5f3c-4165-9a92-44be669b0e3c
https://github.com/user-attachments/assets/b52138cd-552b-4339-b5f0-26fdef946c45
https://github.com/user-attachments/assets/7fda757c-7ae0-4438-a7ae-c8acf1e0fe3c

The first and second videos shows the behavior on the example documentation for React Aria in CSS and Tailwind CSS, respectively. The third video shows the behavior occurring in StackBlitz example I provided.

The height of the popover is very small for the amount of space available, often times being 0px. Even when it's not 0px, it's still somehow smaller than what it should be.

This is on iOS Safari 26.3, iPhone 11.

💁 Possible Solution

It looks like there is a different implementation of ComboBox for React Spectrum on mobile:

react-spectrum/packages/@adobe/react-spectrum/src/combobox/MobileComboBox.tsx

Line 421 in 565e914

let isTouchDown = useRef(false);

I noticed in this implementation, it doesn't zoom in when I select the input.

🔦 Context

I am trying to accomplish using a ComboBox to allow users to select an item among many while also being able to type to reduce the number of options.

🖥️ Steps to Reproduce

https://stackblitz.com/edit/tanstack-table-xrpo6smh?file=package.json

I added filler divs to position the ComboBox in a place that seems to most easily reproduce the issue.

Version

1.17.0

What browsers are you seeing the problem on?

Safari

If other, please specify.

No response

What operating system are you using?

iOS 26.3

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response