[Picker][RTL] Spinner margins are wrong
Rocss opened this issue · 0 comments
Rocss commented
Description
If you're using the Picker in RTL direction, the spinner has a margin added between the spinner and the menu icon.
This margin should actually be between the spinner and the text.
Steps to reproduce
- Go to https://opensource.adobe.com/spectrum-css/preview/?path=/story/components-picker--default&args=isLoading:!true&globals=textDirection:rtl
- Observe the space between the menu icon and the spinner is bigger than it should be.
Expected behavior
The margin-inline-start
property should be applied for the space between the spinner and the text. However, because of the direction: ltr
property set on the spinner, this margin is applied wrong.
Screenshots
Invalid icon placement, for reference:
Environment
- Version of the impacted component(s):
- Browser(s) and OS(s):
Additional context
Tracked in https://jira.corp.adobe.com/browse/CSS-701