Unplanned
Last Updated: 08 Apr 2020 14:28 by ADMIN
Alexander
Created on: 28 Jan 2020 15:12
Category: Grid
Type: Bug Report
1
Clicking on Edit button does a PostBack without putting the Grid in Edit mode - FireFox

Hello @support!

Did you observe the behavior, that Firefox (v71.0 64bit) does not turn the rad grid into edit mode, whereas IE11, Edge, Chrome (v78) perfectly work ok on the same grid?

Clicking the edit stencil button only makes the two arrows below rotate for some seconds, but nothing happens. What could that be?

Video Demo is attached.

Thank you,
Alexander 

1 comment
ADMIN
Attila Antal
Posted on: 28 Jan 2020 15:46

Thank you for your time to report this problem.

We have conducted a few tests and found that the problem appears if the EnablePostBackOnRowClick property is set to True and the Grid is Ajaxified

To replicate the issue

Add the following markup into an ASPX page and test it in Firefox browser version 71+

<script runat="server">
    protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    {
        RadGrid1.DataSource = new string[] { "Item1"};
    }
</script>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="200px" Width="300px">
    <telerik:RadGrid ID="RadGrid1" runat="server" Width="300px" AutoGenerateEditColumn="true" OnNeedDataSource="RadGrid1_NeedDataSource">
        <ClientSettings EnablePostBackOnRowClick="true">
        </ClientSettings>
    </telerik:RadGrid>
</telerik:RadAjaxPanel>

 

 

Workaround

Place the following JavaScript code on the page where the grid is located.

 

function fixClickEvent() {
    // Attach the click event to the Action buttons in RadGrid
    $('.RadGrid .rgActionButton').on('click', function (e) {
        // Stop event propagation
        e.stopPropagation();
    })
    // Ensure to remove the method from the event listener
    Sys.Application.remove_load(fixClickEvent);  
}
// on page load, run the script
Sys.Application.add_load(fixClickEvent);