fix(tree): apply hover styling to secondary text of selected node

digitalservicebund · Oct 25, 2024 · f3bf801 · f3bf801
1 parent cf14ee3
commit f3bf801
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/primevue/tree/tree.ts b/src/primevue/tree/tree.ts
@@ -49,11 +49,13 @@ const tree: TreePassThroughOptions = {
   nodeLabel: ({ context }) => {
     const base = tw`group flex w-full flex-col items-start outline-none *:w-full *:outline-none group-hover:text-black [&>*:first-child]:group-hover:underline [&>*:last-child]:group-hover:no-underline`;
     const selected = tw`text-black [&>*:last-child:is(span)]:text-gray-900`;
+    const hoverSelected = tw`[&>*:last-child]:group-hover:text-black`;
 
     return {
       class: {
         [base]: true,
         [selected]: context.selected,
+        [hoverSelected]: context.selected,
       },
     };
   },