kendo-vue icon indicating copy to clipboard operation
kendo-vue copied to clipboard

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

Open vveesseelliinnaa opened this issue 1 year ago • 0 comments

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 avatar Dec 11 '23 14:12 vveesseelliinnaa