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

[Copy button] some tooltip alignments are not working #18445

Open
Tracked by #17250
laurenmrice opened this issue Jan 27, 2025 · 0 comments
Open
Tracked by #17250

[Copy button] some tooltip alignments are not working #18445

laurenmrice opened this issue Jan 27, 2025 · 0 comments

Comments

@laurenmrice
Copy link
Member

While reviewing the copy button component parity between React and Web components, I noticed this bug of where the copy buttons tooltip is not aligning properly in some of the alignments when the autoAlign prop is set to false.

  • I found this bug in Web components using the control prop dropdown to try out different alignments, but could not play around with it in the same way in React, because the control prop is not a dropdown and I could not get the Set object button to work (I also might not be doing it right / limited dev knowledge). A dev would need to check if the same thing is happening in React.
  • I was assuming even if the autoAlign prop is set to false, the tooltip alignments should still be working properly even if they are getting obscured by the storybook ui?
  • These are the alignments that were not working correctly in Web components. If needed I can post a spec image of the intended alignments:
    • top-start
    • top-end
    • bottom-start
    • bottom-end
    • left-start
    • left-end
    • right-start
    • right-end

Safari browser

  • Another thing I found is that I am unable to tab to put focus on the copy button in the Safari browser in both React and Web components.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: ⏱ Backlog
Development

No branches or pull requests

2 participants