generateblocks icon indicating copy to clipboard operation
generateblocks copied to clipboard
verified publisher icon tomusborne

Button hover color remains after click

Open quantumleap33 opened this issue 3 years ago • 2 comments

Description

The button hover color remains after the user clicks on it.

Steps to reproduce

  1. Create a GB button and set a color and a hover color.
  2. Set the link to an external page on a new tab.

Expected behavior

When returning to the page from the external link, the button should be the color of the button.

Actual behavior

When returning to the page from the external link, the button has the hover color. You need to click anywhere on the page for the color to be reset.

quantumleap33 avatar Jun 22 '22 15:06 quantumleap33

@quantumleap33 this is happening cause we apply same styles from :hover to :active and :focus. We discussed about adding those states to the color picker, but the UI would become cluttered. So, for now we are not going to fix, but in the future we may reorganize the colors options to accommodate all this different states.

JeanPaiva avatar Jun 23 '22 18:06 JeanPaiva

Ah, ok. Can :active and :focus states just not inherit the :hover state? That would solve the issue.

quantumleap33 avatar Jun 24 '22 07:06 quantumleap33