Bug report

Reproduction of the problem

Dojo example.

1. Click the "export" button

Current behavior

Drawing does not export the content. This is due to the img tags having a loading="lazy" attribute.

Expected/desired behavior

The images are exported. The attribute should be stripped if needed.

Environment

• Kendo UI version: 2020.3.1021
• jQuery version: x.y
• Browser: [Chrome XX | Firefox XX ]

Bug report

Reproduction of the problem

Dojo example.

Current behavior

Data is exported incorrectly.

Expected/desired behavior

Data is exported correctly (see the Spreadsheet export)

Environment

• Kendo UI version: 2020.3.1021
• jQuery version: x.y
• Browser: [all]

Hello, there is a comment in the Resize API demo example for popup modal windows that is opposite the way it actually works, right?

resize - API Reference - Kendo UI Window | Kendo UI for jQuery (telerik.com)

i.e. the user has STARTED resizing the window

Hi all,

I would like to request a feature by enabling sorting of grouped headers only by the sum of values in a specified column.

Thank you.

Hi,

I've notice an issue with Scheduler: the height for group slot is not correct calculated and items goes down to the next group slot.

Scheduler :

   - group vertical after a field

   - type of scheduler: "timelineWeek" or "timelineMonth"

   - items of the group have same start date and their number are bigger then 20.  

kendo ui version: 2020.1.219. Same issue with 2021.1.119

----------------------------------------------------------------------------------------------------------------------

I've created a dojo as example:  https://dojo.telerik.com/EHeNigIQ  .   Also, you can see the issue into the picture bellow.

You can modify the variable  "rows = 30;"  and you will see more items that goes wrong into the other group slot.

Hi Neli, I have an even bigger problem. Could you tell me how to configure the "enter" to be a "<br>" and not a "<p>". I am having a lot of problems. In the editor I press enter but since a <p> is inserted, my report shows it all together, without line breaks. I need an urgent answer please.

Attached images of the insertion problem of <p>

Thanks

This is somewhat related to the existing request for this feature with Tooltips, but applies more generally to any widgets with popup behavior, such as DropDownList and AutoComplete. Auto-closing these widgets upon scrolling is an extremely annoying behavior, and I've even had end users comment on it in demos. The currently suggested workaround is hacky, particularly difficult to implement with AngularJS, and as far as I know, only works with DropDownList and AutoComplete. This behavior needs first-class support as a configurable option. This could be done a couple of ways.

1. Make it a configuration option.

$("#products").kendoAutoComplete({ closeOnScroll: false });

2. Or, just add the browser-level event name to Kendo UI's event object in the various widget event handler functions, such as close.

close: function (e) {
  // won't work because "e" doesn't have a "type" property like normal JavaScript event objects do
  if (e.type === "wheel") {
    e.preventDefault();
  }
}

I would actually prefer the second option, as it would open up a bunch of options for developers in those event handlers, including addressing this particular auto-closing issue.

Hi guys,

I'm using the following dojo: https://dojo.telerik.com/UXUSUvEC

Here are the steps to reproduce:

1. Add the following to the HTML view of the editor: <span>Testing</span>
2. Switch back to the WYSIWYG mode
3. Hit enter twice to add two new line
4. Enter some text (e.g. "Text from WYSIWYG view")
5. Hit enter to add a new line
6. Switch back to HTML view
7. Notice how it keeps replicating the spans

HTML view will show the following

<p><span>Test</span></p>
<p><span>&nbsp;</span></p>
<p><span>Test from WYSIWYG view</span></p>
<p><span>&nbsp;</span></p>

I've discussed this with Yanko Dzhemerenov before submitting.

Hi,

We are using kendo (version 2020.2.617) from typescript. The current of the culture() function definition in kendo.all.d.ts looks like this:

declare namespace kendo {
    function culture(): {
        name: string;
        calendar: {
            AM: string[];
            PM: string[];
            "/": string;
            ":": string;
            days: {
                names: string[];
                namesAbbr: string[];
                namesShort: string[];
            };
            months: {
                names: string[];
                namesAbbr: string[];
            };
            patterns: {
                D: string;
                F: string;
                G: string;
                M: string;
                T: string;
                Y: string;
                d: string;
                g: string;
                m: string;
                s: string;
                t: string;
                u: string;
                y: string;
            };
            firstDay: number;
            twoDigitYearMax: number;
        };
        calendars: {
            standard: {
                AM: string[];
                PM: string[];
                "/": string;
                ":": string;
                days: {
                    names: string[];
                    namesAbbr: string[];
                    namesShort: string[];
                };
                months: {
                    names: string[];
                    namesAbbr: string[];
                };
                patterns: {
                    D: string;
                    F: string;
                    G: string;
                    M: string;
                    T: string;
                    Y: string;
                    d: string;
                    g: string;
                    m: string;
                    s: string;
                    t: string;
                    u: string;
                    y: string;
                };
                firstDay: string;
                twoDigitYearMax: number;
            };
        };
        numberFormat: {
            currency: {
                decimals: number;
                ",": string;
                ".": string;
                groupSize: number[];
                pattern: string[];
                symbol: string;
            };
            decimals: number;
            ",": string;
            ".": string;
            groupSize: number[];
            pattern: string[];
            percent: {
                decimals: number;
                ",": string;
                ".": string;
                groupSize: number[];
                pattern: string[];
                symbol: string;
            };
        };
    };

It would be desirable if this was declared as an interface so client code could use the interface type and assign the culture to a typed variable, eg:

let currentCulture: IKendoCulture = kendo.culture( );

Thanks and regards,

Lou

Hi,

1. It would be desirable if the properties described by “,” and “.” were renamed so as to be typescript compatible so that if access to them was required, it could be done via eg:

myCulture.numberFormat.groupThousandsSeparator

And not

myCulture.numberFormat[ “,” ]

Refer to the properties as shown here in the kendo.all.d.ts file:

declare namespace kendo {
    function culture(): {
        name: string;
        calendar: {
            AM: string[];
            PM: string[];
            "/": string;
            ":": string;
            days: {
                names: string[];
                namesAbbr: string[];
                namesShort: string[];
            };
            months: {
                names: string[];
                namesAbbr: string[];
            };
            patterns: {
                D: string;
                F: string;
                G: string;
                M: string;
                T: string;
                Y: string;
                d: string;
                g: string;
                m: string;
                s: string;
                t: string;
                u: string;
                y: string;
            };
            firstDay: number;
            twoDigitYearMax: number;
        };
        calendars: {
            standard: {
                AM: string[];
                PM: string[];
                "/": string;
                ":": string;
                days: {
                    names: string[];
                    namesAbbr: string[];
                    namesShort: string[];
                };
                months: {
                    names: string[];
                    namesAbbr: string[];
                };
                patterns: {
                    D: string;
                    F: string;
                    G: string;
                    M: string;
                    T: string;
                    Y: string;
                    d: string;
                    g: string;
                    m: string;
                    s: string;
                    t: string;
                    u: string;
                    y: string;
                };
                firstDay: string;
                twoDigitYearMax: number;
            };
        };
        numberFormat: {
            currency: {
                decimals: number;
                ",": string;
                ".": string;
                groupSize: number[];
                pattern: string[];
                symbol: string;
            };
            decimals: number;
            ",": string;
            ".": string;
            groupSize: number[];
            pattern: string[];
            percent: {
                decimals: number;
                ",": string;
                ".": string;
                groupSize: number[];
                pattern: string[];
                symbol: string;
            };
        };
    };

Hello ,

I've been struggling to fix a problem  , but it seems it's a bug from Kendo

the scenario is , when I had two events for same resources (I made a vertical grouping for ressources) then I moved on of the events to another slot it moved but the slots misaligned and the same thing when I remove an event

I will include a screenShot to see that

On one hand, kidoju.mobile has not progressed in several years.

On the other hand, some "mobile" controls like Bottom Navigation and Floating Action have entered the realm of kendo.ui, and an Action Sheet is in the roadmap.

Some of us still develop/maintain hybrid apps. It has become necessary to (i) clarify the roadmap and (ii) get some new best practices (doc and samples) for developing hybrid apps with Kendo UI (kinetic scrolling via mobile scroller, ...).

Hi Kendo Team ,

I noticed something illogical  in MajorTimeHeaderTemplate , I did console.log on date that used in template and it prints => Fri Feb 01 1980 00:00:00 GMT+0000 (UTC)

it doesnt't give the current dateTime in the MajorTimeHeader

I will include images for that

Dojo exemple => https://dojo.telerik.com/iqakAKog

Now, I am doing with the Spreadsheet. I have a problem. 

When I change font to Japanese, and then I enter characters to cell.

The first character was disabled, other characters displayed normally.

It only cause with Japanese font.

Please help me about this problem

When a kendoContextMenu is applied to a combobox (html tag select) you are not able to show the select options by tapping it. The behaviour is on mobile browser only (tested iPad and Google Chrome developer tools with device toolbar enabled).

I reproduced the issue in telerik dojo, here is the code.

<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/menu/context-menu">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.common-bootstrap.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.bootstrap.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.bootstrap.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2021.1.330/js/jquery.min.js"></script>
    
    
    <script src="https://kendo.cdn.telerik.com/2021.1.330/js/kendo.all.min.js"></script>
    
    

</head>
<body>
    <div id="example">
      <select>
        <option>Opzione 1</option>
        <option>Opzione 2</option>
        <option>Opzione 3</option>
      </select>
      
    <ul id="menu">
        <li>
            <img src="../content/web/toolbar/reply.png" /> Reply
        </li>
    </ul>
      
</div>
<script>
    $(document).ready(function() {
        setTimeout(function () {
            var initMenu = function () {
                menu = $("#menu").kendoContextMenu({
                    target: "select",
                    select: function(e) {
                        // Do something on select
                    }
                });
            };

            initMenu();
        }, 0);
    });
</script>

</body>
</html>

https://github.com/kurkle/chartjs-chart-matrix

I am looking for the kendoui heatmap chart as found on GitHub or at the URL above.
I could just copy what they use on github, but I would prefer to get the kendo CDN all from one place.

Initial usage is just to render activity throughout the day as in github, extra is to track the onClick events as you usually want to trigger a re-query on what happened in that period of the day on that date, driving a details view elsewhere.
Al worse you could have dojo demo of how you would wire up chartjs-chart-matrix to a the Datasource(eg like https://demos.telerik.com/kendo-ui/map/geojson), with a view of how you would have created such a chart that would be good on a PWA app.
Thanks
Doug

Hello,

in the Typescript bindings, the JQuery $("...").data("kendoXXX") Methods do not include undefined in there return values.

https://docs.telerik.com/kendo-ui/intro/widget-basics/jquery-initialization#duplicate-initialization

-> in the second script section, it is also documented that it can return undefined, when there is no widget instance found.

It also returns undefined, when the selector doesn't match any element.

Please include undefined in the return values.

Open this example https://dojo.telerik.com/@lydbell/UcOFiKad.

Run and wait 1 sec.

The selected custom view is lost and the Gantt chart reverts to the weekly view.

Bug report

When the Editor is used in ExpansionPanel and an image is dragged in the Editor an error is thrown, The issue is reproducible after the ExpansionPanel is collapsed and then expanded.

Reproduction of the problem

1. Open the Dojo example
2. Collapse the ExpansionPanel
3. Expand the ExpansionPanel
4. Drag and drop an image into the inline editor

Current behavior

The image is displayed in a new tab and the following error appears: Cannot read property 'nodeType' of null

Expected/desired behavior

The image should be rendered in the Editor without errors in the console even after collapsing/expanding the ExpasnionPanel

Environment

• Kendo UI version: 2021.2.616