Completed
Last Updated: 09 Jul 2018 12:47 by ADMIN
ADMIN
Marin Bratanov
Created on: 25 May 2018 10:26
Category: AutoCompleteBox
Type: Bug Report
0
Dropdown extends to the left and screen boundary detection to the left does not work in R2 2018
A workaround is to disable the embedded jQuery and use an older version (for example, 1.11.1 which is the previous version the suite used): https://docs.telerik.com/devtools/aspnet-ajax/controls/scriptmanager/disabling-the-embedded-jquery

Repro steps:

- add the dropdown
- write something

expected: you see the suggestions

actual: the suggestions go off the screen to the left



        <telerik:RadAutoCompleteBox ID="companyNameSelector" runat="server"
            EnableDirectionDetection="true" EnableScreenBoundaryDetection="true" DropDownWidth="400px"
            Width="200px">
        </telerik:RadAutoCompleteBox>



    protected void Page_Load(object sender, EventArgs e)
    {
        companyNameSelector.DataTextField = "someColumn";
        companyNameSelector.DataSource = GetDummyData();
        companyNameSelector.DataBind();
    }



    protected DataTable GetDummyData()
    {
        DataTable tbl = new DataTable();
        tbl.Columns.Add(new DataColumn("id", typeof(decimal)));
        tbl.Columns.Add(new DataColumn("Name", typeof(string)));
        tbl.Columns.Add(new DataColumn("moreData", typeof(decimal)));
        tbl.Columns.Add(new DataColumn("someColumn", typeof(string)));
        tbl.Rows.Add(new object[] { 1, "one", 2, "firstRecord4" });
        tbl.Rows.Add(new object[] { 2, "two", 3, "secondRecord4" });
        tbl.Rows.Add(new object[] { 3, "three", 4, "thirdRecord4" });
        tbl.Rows.Add(new object[] { 98, "four", 5, "fourthRecord4" });


        return tbl;
    }
0 comments