Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip in scrolling containers doens't work #4450

Closed
dloprodu opened this issue Nov 15, 2017 · 2 comments
Closed

Tooltip in scrolling containers doens't work #4450

dloprodu opened this issue Nov 15, 2017 · 2 comments
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@dloprodu
Copy link

There is no guarantee in receiving a response in GitHub Issue Tracker, If you'd like to secure our response, you may consider PrimeNG PRO Support where support is provided within 4 business hours

I'm submitting a ... (check one with "x")

[X] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Plunkr Case (Bug Reports)
Please fork the plunkr below and create a case demonstrating your bug report. Issues without a plunkr have much less possibility to be reviewed.

http://plnkr.co/edit/6q5v84DWolH6DeAdi70w?p=preview

Current behavior

I have a container with scrolling enable. Into the container I have several inputs setting like the documetation recomend for this case:

<div class="scrolling-view">
    ...
    <div #container style="display:inline-block;position:relative">
        <input type="text" pInputText pTooltip="Enter your username" placeholder="Right" [appendTo]="container">
    </div>
    ...
</div>

The tooltip appears in a incorrect position, far from the input.

Expected behavior

The tooltip must appears in the postition indicated next to the input.

In fact, I don't understand how this can work for someone because looking at the code, I have seen that to positionate it you use the method getBoundingClientRect which always returns the bound regarding to viewport, not the relative position where the tooltip was appended.

Please tell us about your environment:

  • Angular version: 5.0.0
  • PrimeNG version: 4.3.0
  • Browser: [all]
  • Language: [TypeScript 2.4.2]

  • Node (for AoT issues): node --version =

@cagataycivici cagataycivici added the Status: Pending Review Issue or pull request is being reviewed by Core Team label Nov 17, 2017
@TimUnderhay
Copy link

This is a problem for me, as well. Using the provided guidance for 'appendTo', the tooltip is incorrectly positioned on the screen.

@rafa-suagu
Copy link

I have the same problem with a tooltip inside a fixed header on the top page.

@cagataycivici cagataycivici self-assigned this Mar 28, 2018
@cagataycivici cagataycivici added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Pending Review Issue or pull request is being reviewed by Core Team labels Mar 28, 2018
@cagataycivici cagataycivici added this to the 5.2.4 milestone Mar 28, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

4 participants