Page reloads when trying to expand row

[Thoroddur Bjorgvinsson]

Hello

I have a page with a kendoGrid that uses detail rows. The page works perfectly fine when I include all the javascript using script tags but I'm trying to move everything into webpack. Now everything looks correct but clicking a row just refreshes the page. It seems that kendo isn't registering a click event on the .k-icon anchors in the grid.I also have comboboxes and a chart on the page and the click events work on them.

I've spent a lot of time trying to debug this but I don't see any errors or warnings. Any help would be appreciated.

[Stefan]

Hello, Thoroddur,

Thank you for all of the details.

We will be happy to assist in investigating this strange behavior.

Could you please share an example with us, in order to be able to inspect locally why the code produced by webpack is different.

Also, please check our examples with Kendo UI and Webpack as they could provide more insight on the exact why the import(require) the files and the webpack configuration:

https://github.com/telerik/kendo-ui-npm-example

Thank you in advance for the cooperation.

Regards,
Stefan
Progress Telerik

[Thoroddur Bjorgvinsson]

This took me way too much time to figure out but here's the solution:

We are using rowTemplates and the first column looked like this

<td class="k-hierarchy-cell">
    <a class="k-icon k-plus" href="##" tabindex="-1"></a>
</td>

I had to change k-plus into k-i-expand and now the functionality is back.

So this had nothing to do with webpack. This was probably a version issue.