Step by step instructions on how to reproduce the problem:

1. Create a kendo tab strip
2. Using the append method, add a "tab1"- do not specify any content in this new tab
3. Using the insertBefore method, add a "tab2", this time specify some content
4. Attempt to navigate the tabs and note what is showing in the content of each tab

Code snippets:

            var tabStrip = $("#contentlessAppend").kendoTabStrip({}).data('kendoTabStrip');
            tabStrip.append({
              text: "noContentAppend",
              //content: "With content" //Uncomment this line for normal functionality
            });
            tabStrip.insertBefore({
              text: "contentInsertBefore",
              encode: false,
              content: `<div id="WhereAmI">I am not where I should be</div>`
            }, tabStrip.tabGroup.children().eq(0) );

Screenshots of the problem:

 (N/A)

Stack trace, if applicable: N/A

Project and its dependencies which illustrates the problem (stripped, in zip format):

(see attached)

When I resize the window I get so now and then the above issue. Please add a check whether "window" is undefined or not.

It is at line number 70738 in de kendo.all.js of version 2018.2.620

### Reproduction of the problem
1. Run the Checkbox selection demo in IE 11.706.17134 - https://demos.telerik.com/kendo-ui/grid/checkbox-selection
2. Try clicking a checkbox

### Current behavior
Two clicks are required to change the state of the checkbox.

### Expected/desired behavior
Checkbox should be checked/unchecked with a single click

### Environment

* **Kendo UI version:** 2019.2.514
* **Browser:** [ IE 11.706.17134 ] 

the dashed line in the chart is showing correctly in IE 10, but when exporting to a png image with the function exportImage, the dashed line becomes a solid line. I've been told that this can be solved with kind of polyfilling, you guys should really make this work, the reason is that this works in Chrome, for the sake of your product consistency, this feature should also work in IE.

if there is a possibility to fix an issue, I think we'd better make it.

Regards

Z. Wang

Hello, 

We have an issue with the combobox widget on chrome for android v77.0..

You can see the demo here https://dojo.telerik.com/aroMevIy.

Steps to reproduce:
1. Run the example in Dojo on chrome for android v77.0.3865.92
2. Scroll down to an item that was not initially visible and select it

The result is that nothing is selected. 
From debugging we saw that the change event on the widget is not fired.

Best regards,
Rostislav

p.s. the Additional Information Version dropdown doesn't have version 2018.1.221 as an option 

I've selected a version on which the bug is fixed!!!

When a user clicks on the map outside of a shape (i.e. in an ocean) and drags to pan around the map, the click event does not get fired fired after panEnd.  

When a user clicks on a shape (i.e. a Montana) and then drags to pan around the map, the shapeClick event fires after panEnd.

This issue is reproducible on the events demo page: https://demos.telerik.com/kendo-ui/map/events

The events reported when clicking and dragging on a shape, (bottom being first event):

We have: Uncaught Error: The toDataURL method can be used only with jsZip 2. Either include jsZip 2 or use the toDataURLAsync method.

and we have:

so i implement a function SpreadSheetOnexcelExport on excelExport event:

$.SpreadSheetOnexcelExport = function(){
var args = arguments[0];
var options = args.sender.options;
var wb = args.workbook;
var wbX = new kendo.ooxml.Workbook(wb)
var dataURL = wbX.toDataURLAsync();
wbX.toDataURLAsync().then(function(dataURL) {
kendo.saveAs({
  dataURI: dataURL,
  fileName: options.excel.fileName
});
});
args.preventDefault();
}

The problem is that, for fileName, I have no way to use the file name, selected by the user:

He have created this dojo to illustrate our point.

https://dojo.telerik.com/@navdeep316/iKAmeDAv

We would like to be able to be able to clone options from the top options and subsequently to be able to edit any cloned (child) option. 

We are unable to figure out a way so that the child/cloned dropdowns can change state.

Is it a bug or a feature? How can we achieve our aim?

Thank you so much,

Dimitris 

When using AngularJS binding for dropdownlist options in the latest version of Kendo (2018.3.1017), the option labels are not dynamically bound to the scope/controller.  I changed one of the options to have the label {{::foo}} and set the field foo to "BAR" when initializing the scope.  When I run this code with the latest version, the literal text "{{::foo}}" is displayed for the first item of the drop down.  When I use an older version of Kendo (2018.2.516), the text "BAR" is displayed for that item.  This is a regression bug that is causing an error in our product.

Here is a testcase that illustrates the problem.  To toggle between the working and broken versions, change the CDN values.

https://dojo.telerik.com/umuqaFaT

<div class="filterField">
    <label for="filterTags">Tags</label><br/>
    <div class="filterFieldBody">
        <input id="filterTags"/>
    </div>
</div>
 
$( document ).ready( function ()
{
$( "#filterTags" ).kendoMultiSelect( {
    placeholder: "Select Tag(s)",
    autoClose: false,
    dataTextField: "text",
    dataValueField: "value",
    autoBind: false,
    dataSource: [
        { text: 'Summery Love Campaign', value: '1' },
        { text: 'Melbourne Cup', value: '2' },
        { text: '2018 Formals', value: '3' },
        { text: '2018 Schoolies Dance Club', value: '4' },
        { text: '2018 Schoolies Beach Fun', value: '5' },
        { text: 'Bridesmaids', value: '6' },
        { text: 'Wedding', value: '7' }
    ],
    //value: [], without value set to an empty array kendo ui assumes value:[''] but with an array count of 0
    // which causes all kinds of issues most especially when deleting
    change: function ( e )
    {
      tagIds = this.value();
      alert(JSON.stringify(tagIds));
    }
} );

} );
                    

Hi,

I am facing an issue with Kendo grid ,i.e. Having more than one filter present in a grid and then deleting any one filter entry and clicking FILTER (or just pressing ENTER on keyboard) clears ALL filters.

In my Kendo grid , when I apply a filter to 2 columns, first I apply filter to numeric column which results in no value and, after that I applies the filter to a string column combined with numeric column which also results to no value, Nothing is displayed. But when I remove the value from textbox of numeric column and enter filter, no data is being displayed as string column filter is there but in case I remove the value from textbox of string column and enter filter , numeric column filter also gets removed. I also checked the Kendo functionality , but didn't find any solution for this problem.

Here's the code for Kendo Grid Filter which is causing the above issue.

    $scope.DemoGrid = {
        columns: [
            { field: 'ID', title: "ID", template: "<span><a href='' class='link-default' ng-click='getDetails(\"#=ID#\")'>#=ID#</a></span>" }, 
            { field: 'Type', filterable: false, title: "Type" },
            { field: 'Name', title: "Name", template: "<span>#=Name# </span>" },
            {
                field: 'Date', title: "Date", type: "date", format: "{0:dd-MMM-yyyy}", parseFormats: ["dd/MM/yyyy"],
                filterable: {
                    ui: function (element) {
                        element.kendoDatePicker({
                            format: "dd-MMM-yyyy",
                            parseFormats: ["dd/MM/yyyy"]
                        });
                    }
                }
            }
            ,
            { field: '', title: 'Action', template: "<span><a href=\'" + DemoDownloadApi + "?id=#=DownloadId#\' role='button' class='btn btn-blue-primary'>Download</a></a></span>" },
            { field: "DownloadId", hidden: true, sortable: false },
        ],

        pageable: {
            buttonCount: 5,
            pageSizes: [10, 20, 50, 100, 'All'],
            input: true,
            //refresh: false,
            messages: {
                display: Msg1,
                empty: Msg2
            }
        },
        sortable: true,
        dataSource: DemoDataSource,
        autoBind: false,
        filterable: true,
        scrollable: false,
        resizable: true,

    };

If I read https://docs.telerik.com/kendo-ui/AngularJS/introduction I find “Setting Handlers through k-on Attribute” which suggests that I should be able to write `k-on-` prior to any of the events documented at https://docs.telerik.com/kendo-ui/api/javascript/ui/upload#events and automatically run under `$apply()` or `$applyAsync()`. However, when I try that, my event handler doesn’t even run at all.

I think this is an oversight.

I can reproduce this in https://dojo.telerik.com/ocESevUS which is generated from the link at https://demos.telerik.com/kendo-ui/upload/angular which uses AngularJS v1.7.2 and Kendo UI v2018.3.1017.

Bug report

The fontSize tool gets focus after text selection. 

Steps to reproduce

* Open and run https://dojo.telerik.com/oRuLayir demo.

* Select /highlight Line4, choose 16 in the fontSize dropdown.

* Put the cursor at the end of Line6, select  Line4, Line5 and Line6 using the mouse. Note that the keyboard focus has shifted to the fontSize dropdown.

Hi

I am binding columns dynamcially in jquery without template column header spacing working file becuase i have added "[ ]" this symbol.

but when try to add anchor tag link with onclick method then i am getting issue.

i have attached file java script error please provide some solutions.

When using MVVM, when modal = true, the entire page is always in modal mode at page load even if the dialog is not visible. When not using MVVM, when the dialog is not visible, the page is not in modal mode which is expected.

Here is a modified Dojo that I got from your demo page that I set the dialog to not visible but the modal is on at page load. 

https://dojo.telerik.com/OYOcedum

Here is the same not using MVVM that the dialog is set to not visible and the modal is not on at page load as expected.

https://dojo.telerik.com/oHaZukUf

dojo: http://dojo.telerik.com/UMuRaBax/3

Steps to reproduce:

1. Run the dojo, let the comobox list load and let it select the default item ('Oulu' in this case).

2. start typing 'Madrid' in the input field of the combobox.

3. press Tab key and observe behavior.

dojo example

https://dojo.telerik.com/iyEXeDoH/7

we set same data for all 3 pickers, 1 & 3 open immediately as soon as we set the date & than clear them, 2 first clear than open, in the end all cleared but some still show any date but current

Dear staff,

I am working extensively with Kendo UI Drawing API, specifically with drawDOM and exportPDF methods. I encountered a strange issue, which leads to the generation of corrupt PDF files.

After several attempts to analyze the problem, I found a small piece of code that allows to systematically reproduce the issue. You can find the code as attached.

Opening the example page with Chrome browser I got a corrupted PDF file, while Internet Explorer seems to generate a valid PDF file starting from the same source page.

Checking with an online PDF validator, the file generated by Chrome exploits this validation error:

    “The content stream contains an invalid operator.

      The operator has an invalid number of operands.”

I’m not skilled with PDF internals, but comparing the valid file of IE and the invalid file of Chrome, I noticed that an “infinite” value appears in the invalid PDF.

The row in the valid PDF is “1 0 0 -1 -9494.7900391 -9965.5996094 cm“, while the same row in the invalid PDF is “1 0 0 -1 Infinity Infinity cm”.

I noticed that the presence of an “Infinite” value is the common behavior whenever the corrupt PDF problem occurs.