Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Tooltip is not centered when wrapping avatar inside avatar group #1231

Open
Labels
🐛 bugSomething isn't working confirmedThis bug was confirmed
Milestone
@newarifrh

Description

Steps to reproduce

package.json

"flowbite": "^2.2.0",
"flowbite-react": "^0.7.2",
<Avatar.Group>
 <Tooltip content="Tooltip content" trigger="click">
 <Avatar size="xs" img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" rounded stacked />
 </Tooltip>
</Avatar.Group>

Current behavior

Tooltip is not centered when wrapping avatar inside avatar group.

Screenshot 2024年01月14日 at 18 48 39

Expected behavior

Tooltip should be centered when wrapping avatar inside avatar group, like another component.
For example tooltip wrapping button:

Screenshot 2024年01月14日 at 19 03 23

Context

This problem only appears when the tooltip wraps around an avatar inside avatar group. For avatars without wrapping avatar group, there is no problem.

Screenshot 2024年01月14日 at 19 27 16


  • I have searched the Issues to see if this bug has already been reported
  • I have tested the latest version

Metadata

Metadata

Assignees

No one assigned

    Labels

    🐛 bugSomething isn't working confirmedThis bug was confirmed

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      AltStyle によって変換されたページ (->オリジナル) /