From 0fde7859a052af572524ca5d2d9de312eb9fa7eb Mon Sep 17 00:00:00 2001
From: Sergey Uchaev <dialoggg1994@gmail.com>
Date: Sun, 15 Dec 2024 14:00:16 +0300
Subject: [PATCH 1/2] feat(Select): add title for option

---
 src/components/Select/components/SelectList/OptionWrap.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Select/components/SelectList/OptionWrap.tsx b/src/components/Select/components/SelectList/OptionWrap.tsx
index 054aa99f8f..3b82dcfbd8 100644
--- a/src/components/Select/components/SelectList/OptionWrap.tsx
+++ b/src/components/Select/components/SelectList/OptionWrap.tsx
@@ -31,6 +31,7 @@ export const OptionWrap = (props: OptionWrapProps) => {
 
     return (
         <div
+            title={option.title}
             data-qa={option.qa}
             className={b('option', {colored: selected && !multiple, disabled: option.disabled})}
         >

From 9a0b82cd01bfe0b47ce26f634aa12193e400606d Mon Sep 17 00:00:00 2001
From: Sergey Uchaev <dialoggg1994@gmail.com>
Date: Sun, 15 Dec 2024 22:12:17 +0300
Subject: [PATCH 2/2] feat(Select): add title for option

---
 .../Select/components/SelectList/OptionWrap.tsx          | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Select/components/SelectList/OptionWrap.tsx b/src/components/Select/components/SelectList/OptionWrap.tsx
index 3b82dcfbd8..83654556af 100644
--- a/src/components/Select/components/SelectList/OptionWrap.tsx
+++ b/src/components/Select/components/SelectList/OptionWrap.tsx
@@ -20,8 +20,12 @@ type OptionWrapProps = {
 };
 
 const DefaultOption = ({option}: DefaultOptionProps) => {
-    const {content, children, disabled} = option;
-    return <span className={b('option-default-label', {disabled})}>{content || children}</span>;
+    const {content, children, disabled, title} = option;
+    return (
+        <span title={title} className={b('option-default-label', {disabled})}>
+            {content || children}
+        </span>
+    );
 };
 
 export const OptionWrap = (props: OptionWrapProps) => {
@@ -31,7 +35,6 @@ export const OptionWrap = (props: OptionWrapProps) => {
 
     return (
         <div
-            title={option.title}
             data-qa={option.qa}
             className={b('option', {colored: selected && !multiple, disabled: option.disabled})}
         >