fix(editable): hover and focus states for title text (#1484)

isomerpages · Sep 7, 2023 · 95b478e · 95b478e
1 parent 5470322
commit 95b478e
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/layouts/components/Editable/Editable.tsx b/src/layouts/components/Editable/Editable.tsx
@@ -368,7 +368,7 @@ const DraggableAccordionItem = ({
               <Flex
                 pt={isNested ? "0.375rem" : "1.88rem"}
                 pb={!isExpanded && !isNested ? "0.88rem" : "0rem"}
-                role="group"
+                data-group
                 _hover={{
                   bgColor: getDraggableAccordionItemStyle({
                     item: "hover-bgColor",
@@ -433,6 +433,9 @@ const DraggableAccordionItem = ({
                         isInvalid,
                       }),
                     }}
+                    _groupFocus={{
+                      color: "base.content.strong",
+                    }}
                   >
                     {title}
                   </Text>