S-modal Web Component Not Opening on iPad Devices

[jaymit_b]

Hey,

I’m using the s-modal web component in my Shopify app and facing an issue specifically on iPad devices.

When I click the trigger button on an iPad, nothing happens — the modal does not open.
However, on all other devices (desktop, Android, iPhone), the s-modal opens correctly when the same trigger button is clicked.

This makes it seem like the modal trigger is not responding or not being registered on iPads.

Issue Details:

• Component: s-modal (Polaris Web Component)

• Issue: Modal does not open when clicking the trigger button on iPad

• Expected: Modal should open consistently across all devices

• Actual: No response on iPad; works fine on other devices

Steps to Reproduce:

1. Render an s-modal web component.

2. Add a button configured to trigger the modal.

3. Open the page on an iPad (Safari/Chrome).

4. Click the trigger button.

5. Observe that the modal does not open.

Additional Notes:

• Verified that the button click event is firing on other devices.

• No console errors observed.

• May be related to touch event handling or compatibility with iPadOS browsers.

Could someone please help identify if this is a known issue or if there is any workaround for enabling s-modal on iPad devices?

Thank you!

[Anthony_Frehner]

Which browser and browser version are you using on your iPad?

[jaymit_b]

In all browser Chrome, Firefox and Safari.

[Anthony_Frehner]

Thanks, looking into it.