km-popup-arrow

[Craig]

Issue:  Popup arrow not aligned with border of popup

Condition: When I put buttons on the edge of the screen

Result: Arrow points to button but the padding of the container (15px)  causes it to not align and look bad  (see attached screenshot)

[Craig]

Here is my hacker fix in case anybody runs into same issue and it isn't fixed by Kendo.

It finds the arrow div that is generated directly above your popup content and subtracts 24px from the left css attribute.

On the image that get clicked for the pop up add an onclick that sends in the id of the:

<a data-role="button" href="#popoverSearch" data-rel="popover">
   <img src="images/icon.svg" height="16" onclick="utils.movearrow('popoverSearch')"/>
</a>

<script>
     function movearrow(obj) {
        setTimeout(function(){$("#" + obj).prev().css("left", "-=24")},100);
    }
</script>

[Petyo]

Hello Craig,

thank you very much for bringing this edge case to our attention - I am updating your telerik points for this finding. We are going to improve the behavior in question for our next release. 

Regards,
Petyo
Telerik