Auto-tooltip functionality is not working for the Link component

[anuradha9712]

Description

Auto-tooltip functionality is not working for the Link component.

In normal cases, Auto tooltip appears automatically on hover whenever its children shows overflow behavior (Refer to this). But currently, in Link component this behavior does not work properly.

Steps to reproduce

• Go to storybook
• Navigate to Link component
• Paste the following example and verify the behavior

  const [showTooltip, setShowTooltip] = React.useState(false);
  const elementRef = React.useRef(null);
  return (
        <Tooltip
          showOnTruncation={true}
          elementRef={elementRef}
          tooltip="John Doe: Passionate Innovator and Visionary Leader"
        >
            <Link
                href="http://innovaccer.com/" 
                ref={elementRef} 
                onClick={function(){}} 
                target="_blank"  
                className="ellipsis--noWrap d-inline-block w-50"
             >
              John Doe: Innovator and Visionary Leader test
            </Link>
        </Tooltip>
  );
}

Expected result

• Link should truncate in case of overflow
• Tooltip should appear whenever user hover over the Link and should display full link content.

Steps to fix the issue

• Fork and clone this repository
• First checkout to develop branch, and from that create a new branch
• Install dependencies using npm install
• Start development server using npm run dev
• Check the issue on your local environment on localhost:5000
• Refer to Tooltip & Link component

[youngheart12]

@anuradha9712 Please assign this to me