Skip to content

[Bug]: Tooltip width issue when text changes #3495

@mxsoco

Description

@mxsoco

Your email

miguel.soco@gov.ab.ca

Web components version

2.0

React or Angular components version

@abgov/react-components

Expected Behaviour

When interacting with a Copy button, the tooltip will appear first as "Copy" on hover. After clicking the button, the tooltip will change to "Copied". The expected behavior is to have the width and padding adjust to the amount of text.

Hover:
Image

After clicking:
Image

Actual Behaviour

When clicking the copy button, the size does not adjust to the amount of text when it changes to "Copied".

Image

Replication Steps

  1. Go to the Details Workspace demo.
  2. Click on any of the "copy" buttons, i.e. the ID number on the header ('456 789 0123')

Stackblitz URL

No response

Jam.dev URL

No response

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions