[Fix] dropdown item title (#2009)

Signed-off-by: Ihor Dykhta <dikhta.igor@gmail.com> Co-authored-by: Aleksandar Krndija <6893449+coagit@users.noreply.github.com>
keplergl · Nov 22, 2022 · 6c26666 · 6c26666
1 parent 81fcbb4
commit 6c26666
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/src/common/item-selector/dropdown-list.tsx b/src/components/src/common/item-selector/dropdown-list.tsx
@@ -31,9 +31,14 @@ export const classList = {
 };
 
 const defaultDisplay = d => d;
-export const ListItem = ({value, displayOption = defaultDisplay, light}) => (
-  <span className={classList.listItemAnchor}>{displayOption(value)}</span>
-);
+export const ListItem = ({value, displayOption = defaultDisplay, light}) => {
+  const displayValue = displayOption(value);
+  return (
+    <span title={displayValue} className={classNames(classList.listItemAnchor)}>
+      {displayValue}
+    </span>
+  );
+};
 
 interface DropdownListWrapperProps {
   light?: boolean;