Closed jasmin-vu closed 6 years ago
I want to use the paper-menu-dropdown with a floating label in a RTL document.
The floating label should span the whole width of the paper menu dropdown, both in LTR and RTL.
The floating label's width is reduced in RTL.
https://jsfiddle.net/5yw07fyt/
The culprit seems to be here? https://github.com/PolymerElements/paper-input/blob/9a49d803c44bfec3e460495a22596ef2c233fd44/paper-input-container.html#L213 The width is set to 100% instead of 133%, scaling then effectively reduces the width to 75%.
Description
I want to use the paper-menu-dropdown with a floating label in a RTL document.
Expected outcome
The floating label should span the whole width of the paper menu dropdown, both in LTR and RTL.
Actual outcome
The floating label's width is reduced in RTL.
Live Demo
https://jsfiddle.net/5yw07fyt/
Source
The culprit seems to be here? https://github.com/PolymerElements/paper-input/blob/9a49d803c44bfec3e460495a22596ef2c233fd44/paper-input-container.html#L213 The width is set to 100% instead of 133%, scaling then effectively reduces the width to 75%.
Browsers Affected