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.

List elements with different heights don't work

See original GitHub issue

I have a list with elements showing blog posts which all have very different heights (from 80px to, theoretically, infinity), there is also no way to know the height in advance because an individual post can contain many different media types. When I set the the childHeight to my minimum height of 80px as discribed in the README, I see the part of the post which fits on my screen, but as soon as I scroll more than 80px the list jumps to the start of the next post. Instead it should show the rest of the post, the same way it works in the example for constant height elements.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:10
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
rintojcommented, Jul 18, 2017

@umeshv, this is a very difficult one to fix with the current logic. Any ideas please help.

1reaction
umeshvcommented, Jul 18, 2017

Support for the variable height will be of great help, currently struggling to get it working. If we set the childHeight to certain minimum value, due to variable height of the child, the scroll stops working after attaining the total-padding height.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Floating HTML list items with different height - css
Save this question. Show activity on this post. I want to float my list items into a grid like structure depending on the...
Read more >
List items with different heights - HTML & CSS - SitePoint
So I decided to make an unsorted list, which is actually working. The only problem I have is that the amount of text,...
Read more >
height - CSS: Cascading Style Sheets - MDN Web Docs
The height CSS property specifies the height of an element. By default, the property defines the height of the content area.
Read more >
CSS height property - W3Schools
The height property sets the height of an element. The height of an element does not include padding, borders, or margins! If height:...
Read more >
10 Visual formatting model details - W3C
For other elements, if the element's position is 'relative' or 'static', the containing block is formed by the content edge of the nearest...
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