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

Tooltips cut off content text and have inconsistent spacing on different screen sizes #3331

Open
erinysong opened this issue Jan 13, 2025 · 1 comment
Assignees
Labels
bug Something that isn't working as intended dev issue is for the dev team

Comments

@erinysong
Copy link
Contributor

erinysong commented Jan 13, 2025

Current Behavior

Reporting 2 issues on the USWDS tooltips in our domain table.

  1. Inconsistent spacing, particularly on large screen sizes. This issue may have something to do with how we reinitialize the USWDS tooltip component after our Ajax refactor. Examples of spacing issue on wide screens below.
    Image
    Image

  2. Text contents of tooltips are cut off on screen sizes where text wrap is necessary but not happening. This issue was known to exist when first adding tooltips on our tables (pre-Ajax refactor). Examples below.
    Image
    Image

Expected Behavior

Tooltips should have consistent vertical spacing and wrap text.

Additionally, check your fix works in the org model view and non org model view and for any registrar table that has tool tips.

Steps to Reproduce

Best reproduced on devices with larger screens but can be reproduced on dev tools.

  1. Go to any domains table with tooltips.
  2. Increase the screen width, either manually or via dev tools, to observe the above bugs.

Environment

No response

Additional Context

No response

Issue Links

@erinysong erinysong added the bug Something that isn't working as intended label Jan 13, 2025
@abroddrick
Copy link
Contributor

Adding this to the next sprint due to how obvious this bug is, the fact that we just fixed this not to long ago, and that we know this may have been caused by the js refactor

@abroddrick abroddrick moved this from 👶 New to 🎯 Ready in .gov Product Board Jan 13, 2025
@abroddrick abroddrick added the dev issue is for the dev team label Jan 13, 2025
@CocoByte CocoByte self-assigned this Jan 16, 2025
@CocoByte CocoByte moved this from 🎯 Ready to 🔖 Planned in .gov Product Board Jan 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something that isn't working as intended dev issue is for the dev team
Projects
Status: 🔖 Planned
Development

No branches or pull requests

3 participants