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

[Bug][Tooltip] Tooltip position is not set properly if it goes outside the viewport #490

Open
vveesseelliinnaa opened this issue Dec 11, 2023 · 0 comments
Labels
Bug Item which indicates that something is not working Kendo UI for Vue SEV: Medium

Comments

@vveesseelliinnaa
Copy link
Contributor

Describe the bug
Tooltip position is not set properly if it goes outside the viewport. The problem is faced both on fixed (e.g. left) position and `auto).

video:
Position left - https://somup.com/c0lX2tgR4V
Position auto - https://somup.com/c0lX2UgR4I

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://stackblitz.com/edit/n7ozup?file=src%2Fmain.vue
  2. Hover the first link

Scenario with `auto:

  1. Go to https://stackblitz.com/edit/n7ozup-nemy75?file=src%2Fmain.vue
  2. Hover the last link

Result: Part of the tooltip is shown outside the viewport.

Expected behavior
The tooltip should change the position if there is no enough space like in Kendo UI for jQuery: https://dojo.telerik.com/AqUFEsAn

Additional context
Reported in Ticket ID: 1633619

@vveesseelliinnaa vveesseelliinnaa added Bug Item which indicates that something is not working Kendo UI for Vue labels Dec 11, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Item which indicates that something is not working Kendo UI for Vue SEV: Medium
Projects
None yet
Development

No branches or pull requests

1 participant