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.

[Checkbox] May cause unwanted horizontal overflow

See original GitHub issue

As written in the title, the Checkbox component may cause an undesired overflow when wrapped inside a horizontal scroll container, e.g. inside a slide of a Carousel.

The fix is as simple as adding a position="relative" wrapper for VisuallyHidden to compensate for absolute positioning.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
jaredpalmercommented, Feb 25, 2020

this bit me hard the other day. i think position relative needs to be added by default

1reaction
kripodcommented, Mar 30, 2020

@segunadebayo I hope you could successfully trace the issue through the code examples in kripod/exigo, as we have discussed in detail.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Remove unnecessary scroll bar from div overflow containing ...
Remove unnecessary scroll bar from div overflow containing angular material checkboxes · It's beacause material add some margin or padding so the ...
Read more >
The horizontal overflow problem - Chen Hui Jing
My good friend, Wei, has a pet peeve: unintended horizontal over-scrolling on mobile. Which is very different from intentional horizontal ...
Read more >
Unwanted Horizontal Scroll on Page due to RadGrid - Telerik
I am facing an issue while using RadGrid. I need horizontal scroll within grid because I have too many columns to show in...
Read more >
Fix unwanted horizontal scroll and whitespace with Overflow
Sometimes elements on a page can exist outside the viewport, and an unintended side effect can be horizontal or sideways scrolling that ...
Read more >
OneNote for Windows 10 Automatic Horizontal Scrolling issues
It will be more helpful if you could send us a video of your screen ... but once I removed the tags the...
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