The Popup widget has a"collision" setting that is documented here: https://docs.telerik.com/kendo-ui/api/javascript/ui/popup/configuration/collision. The documentation states the following:

If two words are used, the first one applies to the horizontal dimension and the second one - to the vertical dimension.

However, the first word sets the vertical behavior and the second word sets the horizontal behavior. This can be seen in the following DOJO: https://dojo.telerik.com/ewOKOZIh. The popup uses a configuration with its collision set to "flip fit". Still, when resizing the window horizontally (making it less wide), the popup slides under the input control instead of flipping to the other side. When resizing the window vertically (making it less high), the popup flips to the upper side of the input control once the space below is becoming too small.

In my understanding, the exact opposite behavior is expected.

Hi

I found bug into the Items of Tab component.

When you create Tab and write 3 TabItems for it, all of the component are correct but when you want create other tab into the first or second part of TabItem with 2 tabitems, you will expect to see one main Tab with 3 TabItems and other Tab with 2 Tabitems into the first tabItem of first Tab. But you will see one Tab with 5 Tabitems So main Tab merge all of TabItems with together.

<Tab id="mainTab">
    <TabItem id="item1">
          <Tab id="childTab">
               <TabItem id="childItem1">
                    Content 1
                </TabItem>
                  <TabItem id="childItem2">
                    Content 2
                </TabItem>
           </Tab>
     </TabItem>
     <TabItem id="item2">
             Content 2
     </TabItem>
     <TabItem id="item3">
             Content 3
      </TabItem>
</Tab>

Thanks for solving this problem or for guiding me.

The "Classic" SASS theme for Kendo UI (v. 5.4.0) provides the $kendo-chip-spacing variable that defines the space between the text and the icon of the chip. This styling is e.g. used in the MultiSelect widget.

However, one cannot override its default value using the approach described in the documentation for SASS themes since the variable definition is missing the "!default" part (see the source file at line 8).

Hi Kendo Team,

I am getting this error when trying to open a pdf from Azure Blob using kendoPDFViewer. (Error: has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.)

I use token-based authentication by SSL token included to the image/pdf URLs and It works fine for image viewing using kendoImageEditor.

My code is simple as follows:

                            this.viewer = $("#pdfViewer").kendoPDFViewer({

                                pdfjsProcessing: {

                                    file: pdfUrl,

                                },

                                width: "100%",

                            }).data("kendoPDFViewer");

Could you please let me know how to fix this issue?

Or do I need to use dplProcessing with an Authorization token

The problem described happens for multiple controls. For the sake of simplicity, I'll stick with the DropDownList.

As documented here, the DropDownList's "fillMode" option supports "null" as value. However, the corresponding TS typings file does not allow null. The same is true for the "rounded" and "size" options as you can see in the snippet below that was copied from "index.d.ts".

interface DropDownListOptions {
        fillMode?: string | undefined;
        rounded?: string | undefined;
        size?: string | undefined;
    }

Note: parts of the code were omitted for brevity's sake.

A (temporary) workaround is to trick the typing system by casting manually:

fillMode: null as unknown as string | undefined

Hi,

Currently, we can't control the print settings of the exported excel file. It will help if we can set things like "landscape","Fit t page" , etc. so that users will not have to repeat these changes for printing every time they export the KendoGrid.

Thanks.

Hi,

I would like to report a bug with Spreadsheet control. The problem is when trying to import from JSON data into a specific sheet and there are more than 200 rows for import.

If number of rows to import is up to 200, it works correctly, but if number of rows is 201 or more, import is not correct - data starts to import into new columns.

See this simple reproduction: https://dojo.telerik.com/IFuxijEZ/2

Bug report

When ToolBar with buttons is initialized in kendo.mobile.Application an error Maximum call stack size exceeded is thrown in the browser console

Reproduction of the problem

1. Open the Dojo example.

Current behavior

Currently, Maximum call stack size exceeded is thrown in the browser console

Expected/desired behavior

There should be no errors in the browser console when initializing a Toolbar in the mobile Application. - Working Dojo

The issue is a regression starting with 2022.1.119, introduced with commit: telerik/kendo@b728b2b

Environment

• Kendo UI version: 2022.2.510
• Browser: [all ]

Hello Telerik Team,

we at COPA-DATA have a supposed problem with the results of the Whitesource Scanner.

According to Whitesource the Kendo UI LIbrary is including a Sub Library called "DocSuitePA".

According to Whitesource this is the Library Owner:

This Library is released under "European License 1.2" terms, which means for us a commercial distribution is not possible.

Could you please verify if this is a false / positive of the White source scanner or if this is an real issue inside the KendoUI Library.

Best Regards

Reinhard Mayr

The API docs for CheckboxGroup (https://docs.telerik.com/kendo-ui/api/javascript/ui/checkboxgroup/methods/value) states: "If passing an empty array, the value of the widget will be reset and the checked state will be removed from the selected checkboxes." But if you do this, it does NOT clear out any selections.

Code demo: https://dojo.telerik.com/IJOtaReh

Code snippit:

<ul id="checkboxgroup"></ul>
<script>
    $("#checkboxgroup").kendoCheckBoxGroup({ items: [ "one", "two", "three" ] });
    var checkGroup = $("#checkboxgroup").getKendoCheckBoxGroup();
    checkGroup.value(["two", "one"]);
    checkGroup.value([]);
</script>

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.

The ContextMenu widget supports navigating from one item to another using the up/down arrow keys. If an item is focused, it receives the "k-state-focused" class and highlights the item visually. However, as soon as this or any other item is hovered, all focus classes are removed and therefore the highlight disappears. When pressing the arrow keys again, it reappears again, but the focus always starts moving from the hovered item instead of the most recently focused item.

This behavior can be reproduced in the following DOJO: https://dojo.telerik.com/ACIpeYIm

• Open the contextMenu
• Press the "arrow down" key until e.g. "Item 4" is focused
• Hover e.g. "Item 2" with your mouse, but do not click anything (now the focus disappears)
• Press the "arrow down" key again (now "Item 3" is focused, although "Item 5" would be expected to be focused)

Unfortunately, we currently don't really see any way to fix this without directly modifying Kendo code or rebuilding the entire keyboard navigation ourselves, because the contextMenu keyboard navigation does not seem to set the DOM focus at all, but works with CSS-classes only.

Do you have any suggestions?

Bug report

ContextMenu allows having focused and hovered items simultaneously.

Reproduction of the problem

Current behavior

There is an item marked with 'k-hover' class and an item marked with 'k-focus' class.

Expected/desired behavior

It is supposed to have a single active item in the ContextMenu.

Environment

• Kendo UI version: 2022.1.412
• Browser: [all ]

Kendo introduced a setting for each filter to be case sensitive or not, depending on a setting or derived by defaults (like case-insensitive for 'contains').

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.filterable.ignorecase

However, when the Datasource for OData-v4 builds the filter, the setting is ignored and the filter always looks like:

$filter=Field eq 'Test'

or

$filter=contains(Field, 'Test')

A custom parameter map is needed to fix that behavior, however, it should be provided by the datasource directly. A case insensitive filter should look like this:

$filter=tolower(Field) eq 'test')

or

$filter=contains(tolower(Field)), 'test')

where 'test' has been transformed of the entered search value with: value.toLowerCase().

As of today, the Datasource seems to be fully compatible with OData-v4, however, when server-side grouping and aggregation is enabled, we still need to provide a parametermap to correctly encode the group[] and group[aggregates[]] into the URL.

The OData specification should be followed and the URL build by the Datasource when the type is set to "odata-v4":

$apply=groupby((Field1, Field2))

or

$apply=grouppy((Field),aggregate($count as CountField))

thus saving the developers from providing their own encoding implementation.

This is a proposal to have the excelExport function allow an array of columns to be passed through to it. This will then allow additional (hidden) columns of the grid (that is also available in the datasource) be able to be exported.

I really want Kendo UI to be able to support inserting image header to the exported Excel

i think if support qr code with centric logo very successfull.