iron-list icon indicating copy to clipboard operation
iron-list copied to clipboard

Missing margin-bottom on large lists with responsive layouts.

Open bwh-rl opened this issue 9 years ago • 2 comments

Description

In an responsive layout with % item width and fixed item aspect ratios heights will have subpixel. The _rowHeight is measured with offsetHeight, which does not consider subpixel. This leads to an wrong _estScrollHeight, and the missing of the margin-bottom.

Expected outcome

Actual outcome

Live Demo

https://jsbin.com/zifijenavu/edit?html,output

Steps to reproduce

Scroll to the bottom

Browsers Affected

Chrome not tested, but should affect all browsers.

bwh-rl avatar Jul 14 '16 12:07 bwh-rl

yes, it could use item.getBoundingClientRect().height in https://github.com/PolymerElements/iron-list/blob/master/iron-list.html#L1241 similar to L1239.

blasten avatar Aug 02 '16 00:08 blasten

May not be a clear fix - may have perf implications

keanulee avatar Mar 08 '17 22:03 keanulee