Popup unexpectedly closes in Playwright

[IvanKalinin]

Description

I want to report a strange behavior, when components work fine for end users, but fail in Playwright. Which makes it impossible to write an e2e test due to false negative result.

Here is an example.

Link to Reproduction (or Detailed Explanation)

https://codesandbox.io/p/devbox/tj7g8p

Steps to Reproduce

Screenshare.-.2025-05-15.9_55_38.PM.mp4

I render a Select in a Popup.

1. Click on the Popup trigger opens the content;
2. Click on the Select trigger opens the menu;
3. Click on a menu item selects the value.
4. the popup remains open

In the playwright, click on a menu item closes the popup. (Same behavior in manual clicking and in the test runner)

Ark UI Version

5.9.1

Framework

• React
• Solid
• Vue

Browser

No response

Additional Information

No response

[segunadebayo]

When rendering a select within a popover/dialog, you should avoid rendering its content within a portal.

In this case, avoid rendering the select content within a portal so it stays within the popover (not portalled to the body). This should make both the playwright and the app work as expected.

We should improve the docs around this.

[IvanKalinin]

It appears the issue is not only in Playwright, but also on touch devices (phones, tablets).

At this point, I don't really understand what makes the difference in behavior between mouse and touch/virtual mouse. Also, it's not always possible to not render a portal within a portal.