fix: Datalist highlighted element (keyboard navigation) (#5182)

Talend · Feb 14, 2024 · dbc290d · dbc290d
1 parent 177994f
commit dbc290d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/.changeset/afraid-avocados-beam.md b/.changeset/afraid-avocados-beam.md
@@ -0,0 +1,5 @@
+---
+'@talend/react-components': patch
+---
+
+fix: Datalist hightligted element (keyboard navigation)
diff --git a/packages/components/src/Typeahead/Typeahead.module.scss b/packages/components/src/Typeahead/Typeahead.module.scss
@@ -141,13 +141,12 @@ $tc-typeahead-item-description-height: 1rem !default;
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	
+
 	span {
 		padding: $padding-small $padding-smaller;
 	}
 }
 
-
 .items {
 	margin: 0;
 	padding: 0;
@@ -231,7 +230,7 @@ $tc-typeahead-item-description-height: 1rem !default;
 
 	&-highlighted,
 	&:hover {
-		background-color: tokens.$coral-color-accent-background-weak;
+		background-color: tokens.$coral-color-accent-background-weak-hover;
 
 		&.selected {
 			background-color: tokens.$coral-color-accent-background-weak-active;