List elements with different heights don't work
See original GitHub issueI 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:
- Created 7 years ago
- Reactions:10
- Comments:7 (2 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@umeshv, this is a very difficult one to fix with the current logic. Any ideas please help.
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.