FLOE-169: The keyboard focus styling for editor bold, italic, underline buttons are too similar with the active state styling

Metadata

Source
FLOE-169
Type
Bug
Priority
Major
Status
Open
Resolution
N/A
Assignee
N/A
Reporter
Cindy Li
Created
2014-01-21T14:22:44.050-0500
Updated
2014-01-21T14:23:00.890-0500
Versions
N/A
Fixed Versions
N/A
Component
  1. Metadata

Description

1. Open in firefox: http://metadata.floeproject.org/demos/html/metadata.html
2. Input some text in the editor and select the text
3. Click on any of the three editor buttons to turn on bold, italic or underline. The grey style for the active state applied to the clicked buttons;
4. Click on a button that was clicked at step 3;
5. The style for the active state is removed but since the keyboard focus is still on that button, the other type of the grey style for the keyboard focus is still on and very similar to the active style.

In the attached screenshot, "B" and "I" buttons have button the active state style applied while "U" button has keyboard focus style applied.

Environments

Firefox

Attachments