Problem/Motivation
Standard behavior for text-receiving inputs is a green text ring on focus. While focused, these inputs should still respond to hover in the same manner: a darker and slightly larger border.
The current WYSIWYG field inputs behavior is to change the border color to blue on focus, and no visual change is provided for hover when this blue border is present. This should be addressed as it provides both consistency and better accessibility.
Current focus effect
Proposed resolution
Remove the current blue border change on focus.
Add the green focus ring and do so in a way that preserves hover behavior even while focused in the style guide.
Mockups / Specifications
Note that red border on error should remain visible even if the focus ring is present, the focus ring should surround this.
Screenshots
After
Pictured: error@focus, focus, hover, default
Remaining tasks
User interface changes
CKEditor field inputs will have the same focus and hover styling that other text inputs have.
