Skip to content

[Bug]: Tooltip content exceeds its container when using url such as https://.... #28228

@kboul

Description

@kboul

Library

React Components / v9 (@fluentui/react-components)

System Info

System:
    OS: Linux 5.15 Ubuntu 20.04.6 LTS (Focal Fossa)
    CPU: (12) x64 Intel(R) Core(TM) i7-10750H CPU @ 2.60GHz
    Memory: 1.33 GB / 15.50 GB
    Container: Yes
    Shell: 5.0.17 - /bin/bash
  Browsers:
    Chrome: 111.0.5563.146

Are you reporting Accessibility issue?

None

Reproduction

https://codesandbox.io/s/tooltip-content-exceeds-its-container-when-using-url-such-as-https-wd4x28?file=/example.tsx

Bug Description

Actual Behavior

Tooltip content exceeds Tooltip container
image

Expected Behavior

It should not exceed Tooltip container but be contained inside. It should be like this:
image

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions