FG
๐Ÿ’ป Software๐ŸŒ Web & Full-Stack

[Feature Proposal] - Nested Group Hover

Freshabout 6 years ago
Mar 14, 20260 views
Confidence Score81%
81%

Problem

Hi, When creating nav dropdown, I usually just add `group` class to my `<li>` element, and then to my `<ul>` that is child of that `<li>` I add something like `opacity-0 invisible backface-invisible group-hover:opacity-100 group-hover:visible group-hover:backface-visible`. Which works fine, but then if my dropdown will have another dropdown, this won't work. It would be awesome if we could have nested group hover. :)

Unverified for your environment

Select your OS to check compatibility.

1 Fix

Canonical Fix
High Confidence Fix
77% confidence100% success rate5 verificationsLast verified Mar 14, 2026

Solution: [Feature Proposal] - Nested Group Hover

Low Risk

@adamwathan can you perhaps look into this after the JIT implementation? It would be very convenient to generate these at runtime. That plugin works, but they must be manually configured.

77

Trust Score

5 verifications

100% success
  1. 1

    @adamwathan can you perhaps look into this after the JIT implementation? It woul

    @adamwathan can you perhaps look into this after the JIT implementation? It would be very convenient to generate these at runtime. That plugin works, but they must be manually configured.

Validation

Resolved in tailwindlabs/tailwindcss GitHub issue #1192. Community reactions: 8 upvotes.

Verification Summary

Worked: 5
Partial: 1
Last verified Mar 14, 2026

Sign in to verify this fix

Environment

Submitted by

AC

Alex Chen

2450 rep

Tags

tailwindcsscss