[popups] Fix touch openMethod when tapping outside element bounds on Safari

[atomiks]

• For Dialog, Menu, Popover, Combobox, and Autocomplete, this fixes openType not being "touch" in initialFocus when tapping outside an element's bounds but inside the hitslop area
• For Select, this fixes alignItemWithTrigger not being deactivated on touch when tapping outside the trigger's bounds but inside the hitslop area

[pkg-pr-new]

• vite-css-base-ui-example

  pnpm add https://pkg.pr.new/mui/base-ui/@base-ui/react@3541
  

  pnpm add https://pkg.pr.new/mui/base-ui/@base-ui/utils@3541
  

commit: 46619c0

[mui-bot]

Bundle size report

Bundle	Parsed size	Gzip size
@base-ui/react	🔺+17B(0.00%)	🔺+9B(+0.01%)

Details of bundle changes

---

Check out the code infra dashboard for more information about this PR.

[netlify]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	46619c0
🔍 Latest deploy log	https://app.netlify.com/projects/base-ui/deploys/694520be8912780008265f2b
😎 Deploy Preview	https://deploy-preview-3541--base-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[LukasTy]

The solution seems quite "expensive" for such edge-cases.
Do you think it's worth adding the extra event listener to solve this?

Would this ever resolve to anything other than touch in the fallback case?
Could we sneak in a plain || 'touch' fallback? 🥷 🙈 😆

[atomiks]

Would this ever resolve to anything other than touch in the fallback case?
Could we sneak in a plain || 'touch' fallback? 🥷 🙈 😆

It is indeed more expensive than I'd like. This seems like a decent solution, though the interaction type will never be "" in that case. Another solution is to use isIOS() but I am not sure if Android also has hitslop issues (Chrome touch DevTools doesn't seem to have it.)

[LukasTy]

Nice final solution. 👍
If we ever notice problems with this, a more robust solution could be explored.

I checked on Android, and at least on Chrome, it doesn't exhibit the same problem with empty openMethod when clicked in the "slop" area.

[LukasTy]

This seems like a decent solution, though the interaction type will never be "" in that case.

Should we limit the type value to account for this? 🤔
I don't think this is a BC. 🤷

[atomiks]

Should we limit the type value to account for this? 🤔

Since it doesn't happen on Android, we can limit this to iOS