EnableScreenBoundaryDetection not working

[Fit2Page]

I set it to true but dropdown outside the viewport: see screenshot.

[Peter Milchev]

Hello Marc,

The following implementation improves the boundary detection to consider the side boundaries.

<script>
    function OnClientLoad(sender, args) {
        sender._dropDown.on({ "reflowed": sender._onReflowed }, sender);
    }

    Telerik.Web.UI.RadSearchBox.prototype._onReflowed = function () {
        var that = this;

        var $animationContainer = $(that._dropDown._animationContainer);

        if (that._enableScreenBoundaryDetection) {
            var availableSpace = that._dropDown._getAvailableSpace();
            var tableWidth = $(that._innerWrapElement).outerWidth();
            var dropDownWidth = $animationContainer.outerWidth();
            var overflow = dropDownWidth - (tableWidth + availableSpace.right);

            if (overflow > 0) {
                var left = parseInt($animationContainer.css("left"), 10);
                var newLeft = Math.max(left - overflow, left - (dropDownWidth - tableWidth));

                $animationContainer.css("left", newLeft);
            }
        }
    }
</script>

<telerik:RadSearchBox runat="server" ID="RadSearchBox1"
    DataTextField="ShipName" EnableDirectionDetection="true" OnClientLoad="OnClientLoad" EnableScreenBoundaryDetection="true" DropDownSettings-Width="500px" DataValueField="OrderID">
</telerik:RadSearchBox>

We have also created a Feature request in our Telerik AJAX Feedback and Ideas portal: https://feedback.telerik.com/Project/108/Feedback/Details/242128-improve-radsearchbox-screen-side-boundary-detection.

Regards,
Peter Milchev
Progress Telerik

[Fit2Page]

This is working very well Peter, thank you!