iron list ist destroying layout

PolymerElements / iron-list

Element for a virtual, "infinite" list

https://www.webcomponents.org/element/PolymerElements/iron-list

219 stars 131 forks source link

iron list ist destroying layout #516

Open jogibear9988 opened 6 years ago

jogibear9988 commented 6 years ago

Description

If I scroll down in my iron list, all items are at one place

Issue

Iron List uses every time the first item to calculate the items size, see: https://github.com/PolymerElements/iron-list/blob/0c9a66999bfe2208bb756d429217c2c87b4b0854/iron-list.html#L1290

problem is, if the first item in this list is invisible, the offsetWidth and Height are "0"

Browsers Affected

[x] Chrome
[x] Firefox
[x] Safari 9
[x] Safari 8
[x] Safari 7
[x] Edge
[x] IE 11
[x] IE 10

jogibear9988 commented 6 years ago

2018-03-27 14_42_53-developer tools - http___10 0 100 132_8088_index-orginal html 2018-03-27 14_43_06-developer tools - http___10 0 100 132_8088_index-orginal html

see offsetHeight is 0 (even if the computed style is not "0")