Skip to content

tooltip alignment issue #17868

Open
@Et3rnal

Description

@Et3rnal

Describe the bug

When text is long and the item next to the edge, the tooltip position doesn't work and fitContent doesn't seem to be working to keep the preferred position over the automatic one

Issue on latest as well as 17 (didn't try others)

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/zgkm92ti?file=src%2Fapp%2Ftooltip-position-demo.html

Environment

Windows!

Angular version

19

PrimeNG version

v19

Node version

No response

Browser(s)

firefox

Steps to reproduce the behavior

have a tooltip with long text nest to the edge of the screen with position set to right, it will appear at the bottom and half of it missing (under the edge)

Expected behavior

The tooltip should appear to the right, arrow should be on top left, I expected fitContent to disable the auto chaning from right to bottom but it didn't do anyting

I assume one reason for not handling this the tooltip doesn't support corner positions like top-left, top-right etc...

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Pending ReviewIssue or pull request is being reviewed by Core Team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions