Групповое наведение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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