[Bug]: Trigger directive with hover interaction does not close overlay reliably

[lehelen19]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

sp-overlay, trigger directive

Expected behavior

After triggering an overlay on hover on a button with the trigger directive, when the pointer leaves the button, the overlay should close.

Actual behavior

When the pointer leaves the button, the overlay remains open and the button is focused. Even when clicking outside of the button and overlay, the overlay remains open.

Screenshots

Screen.Recording.2025-05-30.at.10.48.18.AM.mov

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

1. Go to https://stackblitz.com/edit/vitejs-vite-y8ropxrn?file=package.json,src%2Fmy-element.ts
2. Hover over the button
3. Stop hovering over the button

Sample code or abstract reproduction which illustrates the problem

No response

Severity

SEV 3

Logs taken while reproducing problem

No response

Would you like to track this issue in Jira?

• Yes, please tell me the ticket number!

[najikahalsema]

SWC-924 (Keep in mind you currently won't be able to access this issue in Jira until permission issues are resolved!)