search

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

Incorrect grid validation tooltip position #5108

Open Alex-Bubblemaster opened 5 years ago

Alex-Bubblemaster commented 5 years ago

Bug report

Ticket ID: 1412661

Reproduction of the problem

Invalidate the ProductName column in this Dojo to see the tooltip position.

Current behavior

image

image

The tooltip is absolutely positioned relative to the first parent element with a relative position which happens to be k-grid-content. It should be the td instead so the position can be correctly calculated.

Expected/desired behavior

The tooltip should be positioned under the invalid cell.

Possible workaround

<style>  
  .k-grid-edit-row td {
    position: relative;
    overflow: visible;
  }

  .k-grid-edit-row td .k-tooltip {
    left: 50%;
    transform: translateX(-50%);
    margin: 0.5em 0 !important;
  }
</style>

Environment

NikoPenev21 commented 3 months ago

Reported also in ticket 1655285