Repository navigation
Switch component in Safari Mobile has ugly black box when disabled and checked #4771
Description
Current behaviour
I viewed https://snack.expo.dev/@react-native-paper/react-native-paper-example_v5 on Safari iOS 18
Workaround
Unfortunately, there's no prop of Switch that will style the underlying <input> element, which is where the problem is, so the workaround is a global CSS rule:
input:is([type="checkbox"], [type="radio"]):checked:disabled {
background-color: transparent;
}
Your Environment
| software | version |
|---|---|
| ios | 18.5 |
Activity
adrcotfas commentedon May 28, 2026
This should be fixed after #4957. @JGreenlee can you please verify with the latest
main?Please reopen the issue if it's still there.