Skip to content

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

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

    Fields

    No fields configured for issues without a type.

    Projects

    Status
    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions