question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

InputOutputToggle doesn't completely hide the browser checkbox

See original GitHub issue

Describe 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.

toggle

Version: AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Mobile/15E148 Safari/604.1

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

2reactions
benschaccommented, Jul 18, 2020

Could this be updated to has PR?

1reaction
Rich-Harriscommented, Aug 11, 2020

Redeployed the site with @benschac’s fix 🍻

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found