From d721e2b2e485ebae9f58ba0273f7e14c421bc0a5 Mon Sep 17 00:00:00 2001
From: Marcus Notheis <MarcusNotheis@users.noreply.github.com>
Date: Tue, 1 Oct 2019 13:51:07 +0200
Subject: [PATCH] fix(web-components): Fix tooltip handling (#166)

* fix(SideNavigation): Don't render zero if no footerItems present

Fixes #164

* fix(web-components): Fix tooltip handling
---
 .../src/components/SideNavigationListItem/index.tsx   | 11 +++--------
 packages/main/src/internal/withWebComponent.tsx       |  4 ++--
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/packages/main/src/components/SideNavigationListItem/index.tsx b/packages/main/src/components/SideNavigationListItem/index.tsx
index 756cac510bb..a248af61d03 100644
--- a/packages/main/src/components/SideNavigationListItem/index.tsx
+++ b/packages/main/src/components/SideNavigationListItem/index.tsx
@@ -91,13 +91,11 @@ const SideNavigationListItem: FC<SideNavigationListItemProps> = forwardRef(
 
     return (
       <>
-        {/*
-          // @ts-ignore */}
         <CustomListItem
           selected={isSelfSelected || hasSelectedChild}
           ref={ref}
           className={listItemClasses.valueOf()}
-          title={tooltip}
+          tooltip={tooltip}
           slot={slot}
           style={style}
           data-id={id}
@@ -114,20 +112,17 @@ const SideNavigationListItem: FC<SideNavigationListItemProps> = forwardRef(
               openBy={<Icon src={icon} className={classes.icon} />}
             >
               <List>
-                {/*
-                // @ts-ignore */}
-                <StandardListItem selected={isSelfSelected} data-id={id} title={tooltip}>
+                <StandardListItem selected={isSelfSelected} data-id={id} tooltip={tooltip}>
                   {text}
                 </StandardListItem>
                 {validChildren.map((child: any, index) => {
                   return (
-                    // @ts-ignore
                     <StandardListItem
                       selected={props['selectedId'] === child.props.id}
                       key={index}
                       data-id={child.props.id}
                       data-parent-id={id}
-                      title={child.props.tooltip || child.props.text}
+                      tooltip={child.props.tooltip || child.props.text}
                     >
                       {child.props.text}
                     </StandardListItem>
diff --git a/packages/main/src/internal/withWebComponent.tsx b/packages/main/src/internal/withWebComponent.tsx
index ec5e93b7ffc..70e94e42dbb 100644
--- a/packages/main/src/internal/withWebComponent.tsx
+++ b/packages/main/src/internal/withWebComponent.tsx
@@ -211,9 +211,9 @@ export function withWebComponent<T>(WebComponent): RefForwardingComponent<Ui5Dom
     // render
     const { regularProps: passedProps, slotProps: actualSlotProps } = getRegularProps();
 
-    const { children, ...rest } = passedProps as T & WithWebComponentPropTypes;
+    const { children, tooltip, ...rest } = passedProps as T & WithWebComponentPropTypes;
     return (
-      <CustomTag {...getBooleanProps()} ref={getWcRef()} {...rest} class={className}>
+      <CustomTag {...getBooleanProps()} ref={getWcRef()} {...rest} title={tooltip} class={className}>
         {Object.keys(slots).map((slot) => {
           if (actualSlotProps[slot]) {
             return Children.map(actualSlotProps[slot], (item: ReactElement<any>, index) =>