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.

Display: none issue

See original GitHub issue

Hi. I got some bug that troubling me to use this library.

You can check it here: https://codesandbox.io/s/cool-feather-45gui?file=/src/App.js If you’ll start to fast clicking from tab1 to tab2, you should notice some thrown error from the library. "Requested offset outside of the known ones, index: 0"

As far as I could understand, it’s related to display: none and visibility-observer. Because when itemHeight is set you won’t get this error. But it can’t be a solution for me, because of my groupItemHeight and ItemHeight are different and I want autoheight anyway.

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
KiyoshiMoricommented, Jul 21, 2020

Also, if it could help, you can check this example to realize that it’s happening precisely because of display: none/visibility-observer. https://codesandbox.io/s/determined-ganguly-o8oem?file=/src/App.js (Sometimes you need to scroll down first, sometimes not)

0reactions
petyosicommented, Jul 22, 2020

@KiyoshiMori - the issue is addressed in v0.17.7

Read more comments on GitHub >

github_iconTop Results From Across the Web

html - CSS - display: none; not working - Stack Overflow
CSS - display: none; not working · 1. is that in a media query? Have you tried using a more specific selector or...
Read more >
display NONE not working - possible conflict on stylesheet?
if i set display none on a #named div (or group of named divs), not works. Visibility Hidden works on those divs, but...
Read more >
What is the difference between visibility:hidden and display ...
The display: “none” property is used to specify whether an element exists ... Difference between display:"none"; and visibility: "hidden";.
Read more >
The CSS Display Property – Display None, Display Table ...
When you set the display property of an element to none , the element is completely taken off the page and it doesn't...
Read more >
CSS 'display: none' causes problems for screenreaders
The issue is that using CSS 'display:none', will actually hide the content contained in the <div> that the declaration is attached to from...
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