feat(Dropdown): add hover text for selected option (#5519)

carbon-design-system · Mar 5, 2020 · e791626 · e791626
1 parent f1ce802
commit e791626
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/react/src/components/Dropdown/Dropdown.js b/packages/react/src/components/Dropdown/Dropdown.js
@@ -281,6 +281,7 @@ export default class Dropdown extends React.Component {
                   <span
                     id={fieldLabelId}
                     className={`${prefix}--list-box__label`}
+                    title={selectedItem ? itemToString(selectedItem) : label}
                     {...getLabelProps()}>
                     {selectedItem ? itemToString(selectedItem) : label}
                   </span>

diff --git a/packages/react/src/components/Dropdown/__snapshots__/Dropdown-test.js.snap b/packages/react/src/components/Dropdown/__snapshots__/Dropdown-test.js.snap
@@ -114,6 +114,7 @@ exports[`Dropdown should render 1`] = `
                 className="bx--list-box__label"
                 htmlFor="downshift-0-input"
                 id="dropdown-field-label-test-dropdown"
+                title="input"
               >
                 input
               </span>
@@ -287,6 +288,7 @@ exports[`Dropdown should render custom item components 1`] = `
                 className="bx--list-box__label"
                 htmlFor="downshift-4-input"
                 id="dropdown-field-label-test-dropdown"
+                title="input"
               >
                 input
               </span>
@@ -619,6 +621,7 @@ exports[`Dropdown should render with strings as items 1`] = `
                 className="bx--list-box__label"
                 htmlFor="downshift-3-input"
                 id="dropdown-field-label-test-dropdown"
+                title="input"
               >
                 input
               </span>