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

Help text bubble size affected by component title length #2470

Open
trymval opened this issue Sep 19, 2024 · 0 comments
Open

Help text bubble size affected by component title length #2470

trymval opened this issue Sep 19, 2024 · 0 comments
Labels
kind/bug Something isn't working status/triage

Comments

@trymval
Copy link

trymval commented Sep 19, 2024

Description of the bug

In Frontend version 4.4 or later, when a component's title exceeds a certain length, it adversely affects the size and formatting of the associated help text bubble. This issue was not present in earlier versions, such as v4.3.1.

image

Steps To Reproduce

  1. Open an app using Frontend v4.4 or later
  2. Create or edit a component and set its title to a lengthy string
  3. Add a help text bubble to the component.
  4. Watch as the help text bubble gets smaller as the title gets longer

Additional Information

A comparison of the rendered HTML between versions v4.3.1 and v4.4 shows changes in the class attributes of the help text button, from

<button class="fds-button-button-8fa00f0f fds-utility-focusable-1ed11112 fds-button-medium-8fa00f0f fds-button-tertiary-8fa00f0f fds-button-first-8fa00f0f fds-helptext-helpTextButton-f137834f fds-utility-focusable-1ed11112">
  <!-- Button Content -->
</button>

to

<button class="fds-helptext--md fds-helptext__button fds-focus">
  <!-- Button Content -->
</button>

... might suggest that the CSS classes responsible for the help text bubble's styling have been modified in v4.4?

@trymval trymval added the kind/bug Something isn't working label Sep 19, 2024
@trymval trymval changed the title Help text bubble changes size based on title length Help text bubble size affected by component title length Sep 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
kind/bug Something isn't working status/triage
Projects
Status: No status
Development

No branches or pull requests

1 participant