Bug report

When the WebPack 4 is used with Kendo version 2022.2.802 the following error is thrown in the console:

webpack_modules[moduleId] is not a function

Reproduction of the problem

1. Open the attached sample project
   webpack-demo-wb4.zip

2. Run 'npm install' and 'npm start' and check the browser console.

Current behavior

An error: webpack_modules[moduleId] is not a function is thrown .

Note: The latest Kendo version can be used without any issues with WebPack 5.

Expected/desired behavior

There should be no error and the app should run without any issues with Kendo version 2022.2.802 and WebPack 4

Environment

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

If you create a spreadsheet in excel and just have the below formula - it locks up when you activate the sheet. 

Or if you use the kendo spreadsheet and paste this into a cell, it also locks up.

=WORKDAY(TODAY(),-1)

Issue Description:

Screen reader user will get confused if incorrect narration is provided on the controls.

Test Environment:

OS : Windows 10
Version: 2004(OS Build 21292.1)
Browser : Anaheim Dev (Version 89.0.760.0 (Official build) (64-bit))
URL: https://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox/methods/min

Screen reader: Narrator.

Repro steps:

1. Open the above-mentioned URL in browser there's example code for the Numeric text box feature.
2. Now, navigate to the 'Open in Dojo' and via tab key and run the program.
3. Now move the focus to the Text box. 
4.Verify whether the Narrator announce min 0 and max 0.

Actual Results:

Screen reader announces the incorrect information as "Min 0 and Max 0" when the focus lands on "from" or "to" spin button's. Currently min and max both the value's are announced as 0.

Expected results:

Screen reader should announces the relevant information when focus is on 'From' or 'to' spin button. It should be announced "Min value as 0" and "max value as per design"

Additional Notes:

1. Same when focus first lands on the opened dialog after activating build button it is announced as table which is incorrect.

2. Same issue observed with every spin button and dropdown controls.

Build Dates & Run Dates range picker don't highlight days

After applying filter or page number, the table content gets changed but the screen reader didn't inform about the same.

Repro-Steps:

Hi,

The percent complete column does not work!  If you use any other gantt product (including Microsoft project).  When you enter the % complete, it's between 0 and 100, which is a universal standard around the world.  % complete is never between 0 and 1.  Please correct the Gantt tool to use the universal standard.

The usability of product will be much improved and users will like it.

Thank you!

David

Mentioned in package.json: "typings": "index.d.ts", but the file is missing.

Package: @progress/kendo-ui@2022.2.621

I would like to have the possibility to globally change the default styling options of all the widgets with a single declaration. Something like kendo.ui["all"].fn.options["size"] = "small";

The article below demonstrates how the style options can be changed per widget. I would like to be able to change the default style options globally for all the widgets. 

 - https://docs.telerik.com/kendo-ui/styles-and-layout/components-rendering-overview#overriding-default-widget-options

Regards

Bug report

Missing Anti-CRSF tokens trigger security alerts when testing for security compliance with OWASP ZAP.

Reproduction of the problem

https://www.telerik.com/forums/how-to-resolve-absence-of-anti-csrf-token-alert-in-kendo-all-min-js-1559042

Current behavior

Expected/desired behavior

Environment

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

The "Classic" SASS theme for Kendo UI (v. 5.4.0) provides the $enable-transitions variable. I expected it to behave consistent with other similar variables like $enable-rounded which means that when it is set to false, no transistion properties would be set.

However, the following elements always have a transition property set, no matter what the value of $enable-transitions is:

• .k-button::before
• .k-list-item

Is this a bug or did I understand the meaning of $enable-transitions wrong?

Hello, 

I'm looking to find a way to hide the Table tab and Cee tab on the Table Wizard. Is there a way to do this?

Thanks,

Sunny Carrandi

Bug report

Files are missing when trying to generate a script file for CircularProgressBar only through the Custom Download Tool.

Reproduction of the problem

1. Open the custom download tool - https://www.telerik.com/download/custom-download
2. Select CircularProgressBar

Current behavior

There are missing files in the exported custom file.

Expected/desired behavior

All necessary files should be included in the custom script file.

Environment

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

The Kendo UI Popup's "collision" option allows to specify how its positioning algorithm should handle situations where there is not enough space. When "collision" is set to "flip" and there is not enough space to display the popup where it was configured to be displayed (via origin and position), it flips to the other side of its anchor (documented here). If there is no space on the other side either, it flips back to the original position.

I've created an example situation where this happens in this DOJO. You might have to resize the browser window a bit to make the content on either side of the input smaller than the popup's width. As you can see, the position of the popup now is the least fortunate one:

• It would make more sense to flip, despite there being not enough space, because more content could be displayed on the left side than on the right side.
• It would be even better if the popup detected that neither sides provides enough space and instead reduced its size - the size is not fixed but determined by the content.

One might think I could set the popup's width to "min-content" via CSS to force wrapping, but this always wraps the content and wherever possible. Is there any way to make the popup's content wrap, but only if necessary?

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).

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

In the latest version of Kendo UI, various input controls like the NumericTextBox or the ColorPicker now consist of an input field and a button control (used for increasing/decreasing the value or opening the dropdown).

The border-radius for those widgets can be controlled by setting the "rounded" option. At the same time, when using SASS themes, a button's default border-radius might be set using the $kendo-button-border-radius variable. The buttons inside e.g. a NumericTextBox do not override the theme's border-radius which leads to an outcome like this:

Widgets that use Buttons internally (and therefore offer no way of overriding the button's border-radius by setting its "rounded" option manually) should override the default styles.

Unfortunately, I could not reproduce the behavior in a DOJO, because I cannot transpile SASS themes there.

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.

Follow-up of https://feedback.telerik.com/kendo-jquery-ui/1516557-typescript-definition-of-jquery-data-method-does-not-include-undefined

The mentioned type is still missing for:

- kendoAvatar

- kendoCheckBox

- kendoListView

- kendoOrgChart

- kendoRadioButton

Bug report

In mobile apps when a Button is clicked it is not getting focused. This leads to the focus not being removed from the previously focused element.

Reproduction of the problem

1. Open the Dojo
2. Type something in the input and click the Button.

Current behavior

The returned value of the TextBox is null as the Button is not focused and the TextBox is not focused out.

Expected/desired behavior

The Button should be focused when it is clicked, thus the TextBox to be focused out.

Environment

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