telerik / kendo-ui-core

An HTML5, jQuery-based widget library for building modern web apps.
http://www.telerik.com/kendo-ui
Other
2.54k stars 1.91k forks source link

Collision detection algorithm does not account for scrollbar width #2947

Open igor-shevchenko opened 7 years ago

igor-shevchenko commented 7 years ago

Bug report

I discovered this problem when I had a tooltip near the edge of the screen. When the scrollbar is visible, collision detection algorithm does not account for it, causing the width of the page to increase.

Reproduction of the problem

  1. Open Dojo: https://dojo.telerik.com/uxavEwEn
  2. Run it
  3. Scroll the grid right to the end
  4. Hover over a cell in the second column to make the tooltip appear

Current behavior

When the tooltip appears, its text is not fully visible because of the scrollbar. Also, the horizontal scrollbar appears at the bottom of the page.

Expected/desired behavior

I expect the tooltip to adjust its position to fit on the screen.

Environment

matanasov commented 6 years ago

@theOrlin Can you please take a look at this? On a side note: removing the following code from the DoJo fixes it:

<style> body { overflow-y: scroll; } </style>

MAaxim91 commented 6 years ago

@matanasov @theOrlin When will this error be fixed?

hadjieva commented 6 years ago

We cannot provide an exact time frame when this issue will be fixed. However, you could use the workaround from the dojo example below as a temporary solution: https://dojo.telerik.com/OsapemeR

MAaxim91 commented 6 years ago

@hadjieva We use a lot of charts on the page, that's why this solution doesn't help.