When using mirror cards, the hover state is very broken. It seems to be when: * There is a hover card at the end of a list * Below a normal card that has a word that will wrap to a new line if the scrollbar is present, but not wrap if no scrollbar * With those 2 factors, a scrollbar presents but the hovering of a mirror card with the extra background padding causes an infinite loop of hover/unhover * Pay close attention in the video the list scrollbar and the word wrap of the card above it Video example: https://customer-p9ayi7g78vbqi04v.cloudflarestream.com/f0e71a740884db8ac94c9f1a14454931/watch

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Hover state broken on mirror cards

chrisk7777

When using mirror cards, the hover state is very broken.

It seems to be when:

There is a hover card at the end of a list
Below a normal card that has a word that will wrap to a new line if the scrollbar is present, but not wrap if no scrollbar
With those 2 factors, a scrollbar presents but the hovering of a mirror card with the extra background padding causes an infinite loop of hover/unhover
Pay close attention in the video the list scrollbar and the word wrap of the card above it

Video example: https://customer-p9ayi7g78vbqi04v.cloudflarestream.com/f0e71a740884db8ac94c9f1a14454931/watch

Accepted answers

Caity

Thank you for reporting this! We've found the root cause and are looking into a solution.

All comments

Caity

Thank you for reporting this! We've found the root cause and are looking into a solution.

Caity

This should be fixed now. You may need to refresh to see the change.

chrisk7777

Thanks for the swift* response - I can confirm that is now resolved

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

cloud

trello

trello-cloud