Stackable icon indicating copy to clipboard operation
Stackable copied to clipboard

Border Color Hover State not working for Container Styles when Parent-Hover is applied

Open malalacharm opened this issue 10 months ago • 0 comments

https://github.com/user-attachments/assets/04553794-e369-47f8-b860-3ce9782580ed

Describe the bug

  • hover-parent style is overriding the normal hover effect. instead of turning red when hovered, the border stays blue because the parent-hover rule takes priority
  • Happens in editor
  • Happens in frontend

To Reproduce Steps to reproduce the behavior:

  1. Add a Columns block with 1 column.
  2. Set the inner Column to Container.
  3. Add a Card block inside the Column.
  4. Set the Card's Container border color to red for hover.
  5. Set the Card's Container border color to blue for hover-parent.
  6. Set the Hover State to Normal and then hover over the Card
  7. See the error on editor and frontend

Expected behavior

  • Hover over the Card: the card’s container should apply the hover style
  • Hover over the Parent Container: the card’s container should apply the hover-parent style
  • If both hover and hover-parent styles are set: the hover style should take priority when hovering over the card

Screenshots

https://github.com/user-attachments/assets/6fd3f4c4-2010-49ae-87ba-7809541ac806

malalacharm avatar Feb 25 '25 03:02 malalacharm