VisuallyHidden triggering overflow in Chrome

[filipw01]

🐛 Bug Report

When there are two siblings first 100% height and second VisuallyHidden it shows as overflow on chrome
This happens only in chrome

🤔 Expected Behavior

There should be no overflow, VisuallyHidden shouldn't affect the visual side

😯 Current Behavior

Only in Chrome, but there's an overflow

💁 Possible Solution

Change margin from 0 -1px -1px 0 to -1px solves the issue. I know Tailwind uses it https://tailwindcss.com/docs/screen-readers and because it's position absolute I don't think there would be any issues with siblings positioning even though we're offsetting 2px in total while the height of the element is only 1px

🔦 Context

I'm rendering Popover overlay in a portal, and the dismiss button wrapped in VisuallyHidden creates the overflow

💻 Code Sample

https://stackblitz.com/edit/vitejs-vite-hte89a?file=src%2Fmain.jsx

🌍 Your Environment

Software	Version(s)
react-spectrum	3.23.1
Browser	Arc Version 0.92.0 (37470) - Chromium Engine Version 110.0.5481.177
Operating System	MacOS 13.2.1

🧢 Your Company/Team

ChiliPiper https://www.chilipiper.com/