adobe/spectrum-css

[In-field Button]: Focus loupe does not conform to the shape of the button

Westbrook opened this issue · 1 comments

Description

When using any of the position modifying classes with the In-field Button the various configurations lead to the border radius changing in various ways. This alteration to the border radius is not mirrored in the focus loupe for the element.

Steps to reproduce

  1. Go to http://opensource.adobe.com/spectrum-css/
  2. Tab around to focus on the non-quiet buttons. This is most visibly disruptive in the stacked buttons that have more border radii altered
  3. Observe the button having some square corners but the focus loupe having none.

Expected behavior

The focus loupe should have the same general shape as the item being focused.

Screenshots

Not focused:
image

Focused:
image


Not focused:
image

Focused:
image

Tracking this in Jira via CSS-632