Групповое наведение Tailwind CSS с дочерними элементами SVG работает только с первым элементом, а не с остальными дочерн ⇐ CSS

Разбираемся в CSS
Гость
Групповое наведение Tailwind CSS с дочерними элементами SVG работает только с первым элементом, а не с остальными дочерн

Сообщение Гость »


I've run into this issue with TailwindCSS (version 3.2.4) group-hover where group hovering elements with SVG children only seems to work on the first element, and not the remaining elements.

I've created an example on the TailwindCSS playground here: https://play.tailwindcss.com/LgiQDbYH8K

Hovering over any of the elements should make the caret SVG appear. This seems to happen on the first element, but not the second or third elements.

Replacing the SVG with text makes it work again. I haven't tried any other HTML elements.

Tested on Chrome and Firefox, same result.


Источник: https://stackoverflow.com/questions/750 ... ment-and-n

Вернуться в «CSS»