[OSCI][BUG] Fixing bug in icon-only buttons for showing info tooltip …

…when hovered (#1160) * fixing bug in icon-only buttons for showing info tooltip Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com> * Updating test snapshoots related to change in button_content.tsx Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com> * Updating chanelog.md regarding update in OuiButtonContent Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com> * updating button_content.tsx using recomendation of mantainer (include undefined in className instead of empty string) Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com> * updating test snapshoots for button_content.tsx Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com> * adding title prop to OuiIcon component, removing wrapping span element in buttonIcon and updating snapshots Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com> * refactoring code for buttonIcon variable to keep more concise definition Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com> --------- Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
opensearch-project · Jan 11, 2024 · 96af93e · 96af93e
1 parent 064a02c
commit 96af93e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -29,6 +29,7 @@
 - Extract build archive into a folder for OSD integration test CI ([#1075](https://github.com/opensearch-project/oui/pull/1075))
 - Correct file path for import of Query component ([#1069](https://github.com/opensearch-project/oui/pull/1069))
 - Fix "Guidelines" documentation links rendering blank pages ([#1111](https://github.com/opensearch-project/oui/pull/1111))
+- Fix bug in OuiButtonContent for showing info tooltip in icon-only buttons when hovered([#1160](https://github.com/opensearch-project/oui/pull/1160))
 - Fix playground support check ([#1162](https://github.com/opensearch-project/oui/pull/1162))
 
 ### 🚞 Infrastructure

diff --git a/src/components/button/button_content.tsx b/src/components/button/button_content.tsx
@@ -96,6 +96,7 @@ export const OuiButtonContent: FunctionComponent<
         className="ouiButtonContent__icon"
         type={iconType}
         size={iconSize}
+        title={textProps?.title}
         color="inherit" // forces the icon to inherit its parent color
       />
     );