Currently, the borderless version of auro-dropdown uses a style rule of border-color: transparent to create this effect. If you compare the bordered and borderless version side by side, the borderless version will appear 1px smaller. We should make it so that these two versions have the exact same dimensions as each other.
Possible Solution
Create a new token for borders that match the color used for our default white container background (with a value of #ffffff) and apply that to the border-color of the borderless version of dropdown to give it the same dimensional appearance as the bordered version.
Additional context
A new design token needs to be created to achieve this request
General Support Request
Currently, the
borderless
version ofauro-dropdown
uses a style rule ofborder-color: transparent
to create this effect. If you compare thebordered
andborderless
version side by side, theborderless
version will appear1px
smaller. We should make it so that these two versions have the exact same dimensions as each other.Possible Solution
Create a new token for borders that match the color used for our default white container background (with a value of
#ffffff
) and apply that to theborder-color
of theborderless
version of dropdown to give it the same dimensional appearance as thebordered
version.Additional context
A new design token needs to be created to achieve this request