Completed
Last Updated: 03 Mar 2023 07:26 by ADMIN
Release 4.1.0 (15/03/2023)
Gerhard
Created on: 27 Jan 2023 15:56
Category: Form
Type: Bug Report
8
When the Grid is placed in a Form changing the page submits the Form
I am using a Grid inside a Form. When I click a page number button inside the Pager, the Form is submitted.
6 comments
ADMIN
Stamo Gochev
Posted on: 03 Mar 2023 07:26

Hi all,

There is a bug fix for the issue that will be released with the upcoming 4.1.0 version of Telerik Ui for Blazor, which is currently scheduled for 15th March 2023.

Please re-check the scenario when the release is out and inform us if the fix works as expected.

Regards,
Stamo Gochev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Sebastiaan
Posted on: 27 Feb 2023 07:28
@Marcus: Perhaps use a MutationObserver, or something else to capture rendering.
Marcus
Posted on: 27 Feb 2023 07:08

Hello,

 @Sebastiann, it's a good solution, but i have to do it for every Grid in my solution. Do you have a idea how to make it more generic for all Grids in the solution?

Greetings Marcus

Sebastiaan
Posted on: 24 Feb 2023 11:06

I also ran into this issue. There is a workaround fortunately:

 

function preventGridFormSubmission(/*HTMLElement*/ element) {
try {
for (const button of element.getElementsByTagName('button')) {
button.type = 'button';
}
} catch (e) {
console.warn('app.preventGridFormSubmission: %s', e);
}
}

And:

private ElementReference _gridContainer;
/// <inheritdoc />
protected override async Task OnAfterRenderAsync(bool firstRender) {
await JSRuntime.InvokeVoidAsync("preventGridFormSubmission", _gridContainer);
await base.OnAfterRenderAsync(firstRender);
}

 

 

Vitro
Posted on: 20 Feb 2023 12:02

We also have this exact issue after upgrading.

Yea, hope they will fix it quickly.

 

 

 

Marcus
Posted on: 20 Feb 2023 11:06

I experienced the same error today.

Hoping for a fast solution.