Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
malalacharm opened this issue Feb 25, 2025 · 0 comments
Labels
bug Something isn't working

Comments

@malalacharm
Copy link

malalacharm commented Feb 25, 2025

hover.mp4

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

hover.mp4
@malalacharm malalacharm added the bug Something isn't working label Feb 25, 2025
@malalacharm malalacharm changed the title Hover State not working for Container Styles when Parent-Hover is applied Border Color Hover State not working for Container Styles when Parent-Hover is applied Feb 25, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant