On Microsoft Edge, selecting a checkbox whilst inside an <s-modal>, results in the modal closing, rather than the checkbox being toggled!

This is fixed now, thanks! (Release notes coming soon)

Hey @bkspace :waving_hand: - I wasn’t able to replicate this on my end with the code below: import { useState } from "react"; import { boundary } from "@shopify/shopify-app-react-router/server"; import { authenticate } from "../shopify.server"; export const loader = async ({ request }) => { aw…

Hey @Alan_G :waving_hand:. I described this wrong, and forgot to update things here. I don’t believe the bug is on Edge specifically. It happens in ‘mobile’ mode. [CleanShot 2026-01-16 at 21.55.23] To test: [CleanShot 2026-01-16 at 21.56.13@2x]

@bkspace can you create a minimal reproduction please? Fork this codepen or something to help us out. https://codepen.io/afrehner/pen/JoKEaow

@Anthony_Frehner - looks it only happens when the modal is scrolled: https://codepen.io/bkspace/pen/VYjpeqv

Thanks, that’s helped me find the root cause. Looking at patching this up soon.

Fab! Confirm fixed! :green_heart:

<s-checkbox> inside <s-modal> Edge bug

Polaris

Anthony_Frehner January 23, 2026, 6:54pm 10

Update notes Updates to the Admin Polaris component library

Topic		Replies	Views
A modal (s-modal) disappears on "mouse up" event Polaris	3	107	September 8, 2026
App Bridge Modal: Opening a second Modal inside a fullscreen variant=“max” Modal causes the fullscreen Modal to close (v4.x / React) App Bridge app-bridge , polaris	19	523	March 11, 2026
S-modal is not working when triggered from a menu Polaris	3	171	February 22, 2026
Polaris web components random dark un-clickable overlay when opening a s-modal Polaris	15	378	March 27, 2026
Form fields don't work inside modal Polaris	7	254	June 30, 2025

<s-checkbox> inside <s-modal> Edge bug

Related topics