The 'wa-dialog' light dismiss does not work on Safari mobile (and this break the search box on the documentation website)

[ouvreboite]

Describe the bug

• The `wa-dialog' light dismiss does not work on Safari Mobile.
• I suppose the searchbox (top right corner) of https://backers.webawesome.com/ is using that, and it has no "close" button, so there is no way to close the search box on the documentation site using an iphone.

ℹ The behavior of the searchbox seems inconsistent, sometime I'm able to scroll a bit the background layer (especially when the keyboard appears).

⤴ I see there are some fixes relative to dialog/modal in Safari 18.2, I'll try to update to the latest version (18.3.1) and report.
Same thing on 18.3.1

To Reproduce

Steps to reproduce the behavior:

1. Buy an iphone :)
2. Go to https://backers.webawesome.com/docs/components/dialog/#light-dismissal
3. Try to dismiss the dialog by clicking outside
4. Open the searchbar on try to close it without searching anything

Screenshots

If applicable, add screenshots to help explain the bug.

Browser / OS

• OS: IOS18.1.1
• Browser: Safari Mobile (and also Chrome, but it's a wrapper on top of safari on iOS)