When iron-fit-behavior determines maxWidth and maxHeight it does not accommodate scrollbar sizing on overflowing content.
Expected outcome
When there is an overflow, maxWidth and/or maxHeight should be increased to accommodate the scrollbar size.
Actual outcome
maxWidth and maxHeight are determined based on exact content size. When a scrollbar is needed, the content size is now reduced and results in wrapped text or incorrect margins.
Description
When
iron-fit-behaviordeterminesmaxWidthandmaxHeightit does not accommodate scrollbar sizing on overflowing content.Expected outcome
When there is an overflow,
maxWidthand/ormaxHeightshould be increased to accommodate the scrollbar size.Actual outcome
maxWidthandmaxHeightare determined based on exact content size. When a scrollbar is needed, the content size is now reduced and results in wrapped text or incorrect margins.Live Demo
https://jsbin.com/reruwuhoci/edit?output
Steps to reproduce
See live demo, and view difference between the 2 dropdown menus.
Browsers Affected