Getting error "reading 'getBoundingClientRect'" in Web Report Designer

1 Answer 304 Views
Report Viewer - HTML5
Desarrollo de Software
Top achievements
Rank 1
Desarrollo de Software asked on 19 Jan 2023, 09:18 PM

Hello,

 

I'm using Web Report Designer HTML 5 version 14.1.20.618 and when clicking any option that has to show up a modal (like edit Bindings), it shows the following error in Console:

 

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'getBoundingClientRect')
    at get popUpDefaultPosition [as popUpDefaultPosition] (webReportDesigner:formatted:6890:74)
    at o.openPopUp (webReportDesigner:formatted:6975:28)
    at o.<anonymous> (webReportDesigner:formatted:7103:22)
    at Generator.next (<anonymous>)
    at a (webReportDesigner:formatted:6808:25)

 

I followed the setup tutorial and everithing is working fine but this feature.

The line that's causing the error is the first line of the function popUpDefaultPosition() in webReportDesigner.js

 

        get popUpDefaultPosition() {
            const e = this.kendoList.wrapper.find(".k-state-selected")[0].getBoundingClientRect();
            let t = this.popUpDefaultSize.width
              , i = this.popUpDefaultSize.height;
            const n = this.provider.GetService(s.a.WebDesignerEventsElement)
              , a = $(n).find("." + r.a.WebDesignerCanvasClassName).height();
            this.popUp && (t = this.popUp.wrapper.width(),
            i = this.popUp.wrapper.height());
            const o = {
                top: e.top - i / 2,
                left: e.left - t
            };
            if (o.top + i > a) {
                const e = a - (o.top + i);
                o.top = o.top + e
            }
            return o.top < 0 && (o.top = 0),
            o
        }

 

Any help will be appreciated

1 Answer, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 24 Jan 2023, 12:13 PM

Hello,

This error is usually thrown when an incorrect version of Kendo is used. If you have followed the documentation recently, we recommend the kendo that is required for the latest version of the Telerik Reporting Web Report Designer which is Kendo UI 2022.3.913. 

However, this version is kendo is not compatible with versions of the Web Report Designer older than R3 SP1 2022.

Considering that you are using version R2 SP1 2020(14.1.20.618) of the Web Report Designer, you may try with an older version of kendo such as Kendo UI R2 2020 instead.

I hope this will help, please let me know if you need further assistance.

Regards,
Dimitar
Progress Telerik

Brand new Telerik Reporting course in Virtual Classroom - the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products. Check it out at https://learn.telerik.com/.
Tags
Report Viewer - HTML5
Asked by
Desarrollo de Software
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Share this question
or