When the SearchBox is on the right side of the screen and the dropdown width is larger than the SearchBox width, the dropdown goes outside the viewport:
Actual: https://www.screencast.com/t/4SoNcRCj
Expected/fixed: https://www.screencast.com/t/smfPgy767M
Workaround:
<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" OnClientLoad="OnClientLoad" DropDownSettings-Width="500px" DataValueField="OrderID">
</telerik:RadSearchBox>
Validation is not implemented for RadSearchBox. You can find attached an example that emulates validation of a search box through a dummy textbox and validators attached to that dummy textbox.
In certain scenarios time between clicking (focusing ) the SearchBox and being able to interact with it. The issue is iOS7 / Safari specific
RadSearchBox.Focus() doesn't work in Internet Explorer. It works correctly in different browsers (Firefox, Chrome). Attached project shows the problem.
There's a problem with radSearchbox inserted in a radWindow contenttemplate.
On First show then inputText width is equal to 0 until a contextitem is selected or a button pushed . (test on ie10 firefox and chrome)
code example :
<telerik:RadWindow runat="server" ID="RadWindow1" Modal="true" AutoSize="true"
Behaviors="Close,Move">
<ContentTemplate>
<telerik:RadSearchBox ID="RadSearchBox1" runat="server" Width="350" SearchContext-ShowDefaultItem="False"
OnClientSearch="onClientSearch" OnClientButtonCommand="onClientButtonCommand"
ShowSearchButton="false" Skin="Default">
<DropDownSettings Height="150" Width="300" />
<Localization LoadingItemsMessage="recherche en cours....." DefaultItemText="Saisissez le nom du point ici" />
<WebServiceSettings Path="PointDeTournee.aspx" Method="GetResults" />
<SearchContext>
<Items>
<telerik:SearchContextItem Text="POI" Key="1" ImageUrl="../Img/POI/Special_Divers-Bl.bmp" Selected="true"/>
<telerik:SearchContextItem Text="PA" Key="2" ImageUrl="../Img/POI/PA.bmp" />
</Items>
</SearchContext>
</telerik:RadSearchBox>
</ContentTemplate>
</telerik:RadWindow>