[Bug]: CopyButton needs tooltipAlignment and tooltipPosition functionality

[David-Yuen]

Package

carbon-components-react

Browser

Chrome

Package version

v7.51.0 (latest)

React version

v17.0.2

Description

When using the CopyButton component, the feedback tooltip seems to always be set to the bottom position, and center alignment.

Example of issue:
If we use the CopyButton near the right-side of the page, after clicking the Copy button, a scrollbar appears because of the feedback tooltip being centered and pushing text even farther to the right side.

A horizontal scrollbar appears because of the feedback tooltip.

Request is to allow developers using this component to pass-in the tooltipAlignment and tooltipPosition fields so that we can avoid this from happening.

Additional Request: It would also be nice to have a built-in tooltip for the hover-over as well

CodeSandbox example

https://codesandbox.io/s/nifty-sky-g5083?file=/src/index.js

Steps to reproduce

• Simply create a CopyButton component near the right side of the page
• Set the feedback text to be fairly long
• Click the Copy button, and the feedback tooltip will always be bottom and centered and unconfigurable

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[guidari]

This functionality was implemented in this PR with the prop align

[David-Yuen]

@guidari was this delivered to carbon v10?

I think i saw the PR delivered to v11, but not sure about v10. Please confirm

[guidari]

@guidari was this delivered to carbon v10?

I think i saw the PR delivered to v11, but not sure about v10. Please confirm

Ohh, you are right @David-Yuen it was only delivered on v11 not in v10.
I'll reopen the issue! Sorry for the misunderstanding