Stackable
Stackable copied to clipboard
Border Color Hover State not working for Container Styles when Parent-Hover is applied
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:
- Add a Columns block with 1 column.
- Set the inner Column to Container.
- Add a Card block inside the Column.
- Set the Card's Container border color to red for hover.
- Set the Card's Container border color to blue for hover-parent.
- Set the Hover State to Normal and then hover over the Card
- 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