react-collapse: overflow: hidden is not removed from the component when it's opened at certain zoom levels

In my application in Google Chrome if I zoom out to 75% and set isOpened to true overflow: hidden is not removed from the component.

Edit: To add to this, I’ve narrowed it down to an adjacent button having padding in it and the only way to fix it seems to be to remove this padding entirely

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Reactions: 3
  • Comments: 29 (13 by maintainers)

Most upvoted comments

@okhomenko amazing! thank you very much for the detailed report, that made a world of difference

Hey! In one case we have a similar issue 😞 . We are rendering a page with an opened collapse component and the content of the collapse is hidden. It’s a floating issue and reproduces only in one case but without any zooming or scaling the page. react-collapse version is 5.0.1 Browser: chrome 85.0.4183.83. image

Reproducible jsfiddle: https://jsfiddle.net/d5knv0ym/45/ Mac, Monterey, Chrome 96.0.4664.55 (Official Build) (x86_64)

Screen Shot 2021-11-22 at 6 28 21 PM