InputOutputToggle doesn't completely hide the browser checkbox
See original GitHub issueDescribe the bug
The InputOutputToggle
component doesn’t completely hide the browser checkbox on mobile safari, there are still parts of the checkbox that are visible which results in InputOutputToggle
looking weird. The rectangle is only visible when the checkbox in its off state.
Version: AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Mobile/15E148 Safari/604.1
Issue Analytics
- State:
- Created 3 years ago
- Comments:7 (7 by maintainers)
Top Results From Across the Web
Ho to toggle checkbox by pressing space while focused on ...
1 Answer 1 ; input type · "button" value="Click then press tab"> ; label for · "myCheckbox"> ; input type · "checkbox" id="myCheckbox"...
Read more >The "Checkbox Hack" (and things you can do with it)
Using a hidden checkbox, you can re-create a lot of functionality on website that rely on clicks and toggled states.
Read more >Pure CSS: Accessible Checkboxes and Radios Buttons
Step 1: Hiding the default checkbox without losing accessibility · Use display: none · Use visibility: hidden · Use opacity: 0 · Position...
Read more ><input type="hidden"> - HTML: HyperText Markup Language
Hidden inputs are completely invisible in the rendered page, and there is no way to make it visible in the page's content.
Read more >Building a custom checkbox in React - LogRocket Blog
The checkbox is a control element that provides an option to toggle between true and false states. It is an input element with...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Could this be updated to has PR?
Redeployed the site with @benschac’s fix 🍻