Summary
The new multi-select control uses a very pale/faded hover style for the Apply button. The hovered button looks disabled and has weak contrast, even when an Apply action is available.
Reproduction
- Open a multi-select filter control.
- Change one or more selections so Apply is enabled.
- Hover the Apply button.
Actual result
The hover background becomes very light/faded and the button loses its clear enabled-action affordance. It is difficult to distinguish from a disabled state.
Expected result
The enabled Apply button should use a brighter, higher-contrast hover state consistent with the application's primary action styling. Disabled, enabled, hover, focus-visible, and active states should remain visually distinct.
Acceptance criteria
Screenshot
Observed in the new multi-select control: the Apply button at the bottom-right becomes a pale gray/white treatment on hover and visually resembles a disabled button.
Summary
The new multi-select control uses a very pale/faded hover style for the Apply button. The hovered button looks disabled and has weak contrast, even when an Apply action is available.
Reproduction
Actual result
The hover background becomes very light/faded and the button loses its clear enabled-action affordance. It is difficult to distinguish from a disabled state.
Expected result
The enabled Apply button should use a brighter, higher-contrast hover state consistent with the application's primary action styling. Disabled, enabled, hover, focus-visible, and active states should remain visually distinct.
Acceptance criteria
Screenshot
Observed in the new multi-select control: the Apply button at the bottom-right becomes a pale gray/white treatment on hover and visually resembles a disabled button.