Skip to content

The tooltip arrow has a strange location. #5521

@joseph415

Description

@joseph415
  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

^3.1.1

Environment

chrome 100.0.4896.127, vue ^3.2.31

Reproduction link

Edit on CodeSandbox

sorry reproduction link is CodeSendBox in docs example.
It works fine here, but it works weird when you import a library from a local environment.

Steps to reproduce

If you copy and paste the example of tooltip docs, the arrow direction of the tooltip will be strange.

It's not just a tooltip issue, it's the same with popover.

What is expected?

It should look the same as the example in docs.

What is actually happening?

The direction of the arrow enters the tooltip content box.
As a result of debugging, the position of *, *::before, and *::after is relative, but if you change it to static, it will work normally.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions