Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bug: CopyButton needs tooltipAlignment and tooltipPosition functionality #10517

Closed
David-Yuen opened this issue Jan 25, 2022 · 1 comment
Closed

Comments

@David-Yuen
Copy link

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.
Screen Shot 2022-01-25 at 11 10 07 AM
A horizontal scrollbar appears because of the feedback tooltip.
Reproducing issue: https://codesandbox.io/s/nifty-sky-g5083?file=/src/index.js

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

@David-Yuen
Copy link
Author

#10518 track here instead

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant