Apparently the dark theme we are using adds the glass.png to tabs.  Great.  Looks good.  However it also seems to be applying to the area inside the tab as well.
It's a little hard to see on most of our popups with tabs but it's visible through gaps in the controls.  I have removed the top layer in this image so you can see it.  Underneath is the html for one of the pages affected so you can see we aren't setting them up incorrectly.  This is the kendo black theme.

@using DispatchCrude.Models;
@model OriginEditModel

@* NOTE: This script section must be at the top of the page for the pop-up to function properly. It cannot be moved to the bottom of the page. *@
<div>
    @Html.HiddenFor(x => x.ID)
    <ul class="gridErrors NullValidator"></ul>
    @(Html.Kendo().TabStrip()
        .Name("tabstrip")
        .Items(tabstrip =>
        {
            tabstrip.Add().Text("General").Selected(true).Content(@<text>
                <div class="popup-editor-container">
                    <div class="popup-editor-column-sm">
                        <div class="popup-editor-label">
                            @Html.LabelFor(model => model.TimeZoneID).IsRequired()
                        </div>
                        <div class="popup-editor-field">
                            @Html.EditorFor(model => model.TimeZoneID, new { htmlAttributes = new { style = "width:120px; height:30px;" } })
                        </div>
                    </div>
                    <div class="popup-editor-column-sm">
                        <div class="popup-editor-label">
                            @Html.LabelFor(model => model.RegionID).IsRequired()
                        </div>
                        <div class="popup-editor-field">
                            @Html.EditorFor(model => model.RegionID)
                        </div>

                        <script>
                            function filterDestination() {
                                var dataItem = getGridEditRowModel();
                                let shipperIds = (dataItem.Products != null) ? dataItem.Products.map(x => x.ID).join(',') : -1;
                                let productIds = (dataItem.Shippers != null) ? dataItem.Shippers.map(x => x.ID).join(',') : -1;

                                return {
                                    "regionid": dataItem.RegionID || -1,
                                    "terminalid": dataItem.TerminalID || -1,
                                    "productids": (shipperIds != '') ? shipperIds : '-1',
                                    "shipperids": (productIds != '') ? productIds : '-1'
                                }
                            }
                        </script>
                        <div class="popup-editor-field">
                            @Html.EditorFor(model => model.PreferredDestinationID, new { table = "GetPreferredDestinations", controller = "origins", filter = "filterDestination()" })
                        </div>

                    </div>
                </div>
                </text>);
            tabstrip.Add().Text("Oil Field").Content(@<text>
                <div class="popup-editor-container">
                    <div class="popup-editor-column-sm">

                        <div class="popup-editor-label">
                            @Html.LabelFor(model => model.LeaseName).IsRequired()
                        </div>
                        <div class="popup-editor-field">
                            @Html.EditorFor(model => model.LeaseName)
                        </div>
                        <div class="popup-editor-label">
                            @Html.LabelFor(model => model.LegalDescription)
                        </div>
                        <div class="popup-editor-field">
                            @Html.EditorFor(model => model.LegalDescription)
                        </div>

                    </div>
                </div>
                </text>);
            tabstrip.Add().Text("GPS").Content(@<text>
                <div>
                    <div class="popup-editor-column-lg">
                        <div class="popup-editor-label">
                            @Html.LabelFor(model => model.GeoFenceRadiusMeters)
                        </div>
                        <div class="popup-editor-field">
                            @Html.EditorFor(model => model.GeoFenceRadiusMeters, new { htmlAttributes = new { style = "" } })
                        </div>
                    </div>
                </div>
                </text>);
        })
    )
</div>
<script>
    $("#RegionID,#TerminalID").on("change", function () { refreshDestinations(); });
</script>

Bug report

When a Kendo widget is initialized in a navigatable Drawer and the user clicks in the intiialized component an error Uncaught TypeError: Cannot read properties of undefined (reading 'attr') is thrown

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/@NeliKondova/ePOgoMek
2. Click in the MultiSelect and observe the console

Current behavior

An error: Uncaught TypeError: Cannot read properties of undefined (reading 'attr') is thrown

Expected/desired behavior

No error should be trhown even if the 'drawer-item' attribute is missing

The issue is a regression introduced with 2021 R1 - 2021.1.119 version

Environment

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

Currently it is not possible to provide a selected date format template when the scheduler is shown in mobile "phone" mode.

   views: [
                {
                    type: "day", minorTickCount: MinorTickCount,
                    selectedDateFormat: "{0:D}",
                    selectedDateFormatMobile: "{0:D}", 
                    dateHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'ddd d-M')#</strong>")
                },
                ]

Require an Editor method to provide the cursor position as an integer representing the offset of the current cursor position from the start of the document with respect to the text displayed in the editor.

For example consider an editor displaying 'This is text content'. The underlying html will be <p><span>This is text content</span></p>. When cursor is placed after 'text', I would like to obtain the cursor position as 12 i.e. the offset based on the text displayed irrespective of the underlying html.

Describe the bug
Kendo ComboBox and DropDownList controls are conflicting with kendo PanelBar.
If ComboBox or DropDownList control is included inside a kendo PanelBar, the the dropdown elements of both controls are detached from the combobox or dropdownlist inputs respectively.

To reproduce
In order to reproduce the behaviour:

1. Create a kendo PanelBar with one item
2. In the previously created panel's bar item create a list
3. Add input value in one of the list items
4. Add ComboBox or DropDownList kendo control to the input
5. Both controls will have detached the dropdown elements
6. You can run the piece of code in dojo to reproduce the issue (https://dojo.telerik.com/OZoXiPEy)

Expected behavior
ComboBox or DropDownList controls should work correctly and the dropdown elements of controls should not be detached.

The ability to have finer control over the zoom level would be useful, i.e. with each click of the zoom in / out button the ability to zoom slightly less. The levels currently available zoom too far with each step, so when plotting many points on the map I'm unable to auto zoom in as far as I'd like (while keeping all markers in the visible area), because the next zoom level in cannot fit all of the markers into the viewable map area.

The Kendo UI ListView widget supports setting the selected items via the select method. Up to version 2022.2.802, calling select() triggered a change event. This is no longer the case.

You can see the different behaviors in these two DOJOS: 2022.2.802 vs 2023.1.117 (the item gets selected after a second to make sure the dataSource has finished loading).

     Test Environment:
     Browser: Edge Anaheim 107.0.1387.2 (Official build) dev (64-bit

     OS: OS version (OS Build 25203.1000)

     Screen reader: Narrator

     URL: WPG - Home

     Credentials: V- ID

     Screen Reader: Narrator

Diagram shapes get converted into SVG elements such as Path, Text, Image, or group (g) tags. These tags support the primary HTML event handlers (such as on click) and other attributes. It becomes essential to add a hiddle sibling with identification to work around this limitation.

var fooText = new KD.TextBlock({
    x: fooX,
    y: fooY,
    text: textFromDb,
    id: uniqueIdBasedOnDataFromDb, // This ID (or another property "domId") should become the Id in the HTML
    onclick: someMethod,
    customAttributeA: valueAFromDb,
    customAttributeB: valueBFromDb});

barGroup.append(fooText);

Bug report

Exporting to excel cells with empty values and zeros is not correct

Reproduction of the problem

A Problem is that if there is an item with the real value "0" in the data source, the item would also be exported with an empty string.

We have use cases where the value "0" has a different meaning than an empty value.

https://codesandbox.io/s/brave-northcutt-pe21l9?file=/src/main.vue:2996-3346

Current behavior

no difference between the empty value and the 0

Expected/desired behavior

there should be a difference between the empty value and the 0

ticket: 1598649

Bug report

Error when trying to run npm run dev
X [ERROR] Unterminated string literal

node_modules/@progress/kendo-ui/umd/kendo.all.min.js.map:1:5961245:

Reproduction of the problem

download project from ticket : 1597960 01 Mar 2023
npm ci
npm run dev

Current behavior

an error is observer

Expected/desired behavior

the site runs without errors

Workaround

use the following import
import '@progress/kendo-ui/esm/kendo.all.js'

Environment

• Kendo UI version: 202x.r.ddd
• jQuery version: x.y
• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

Refresh the grid with a function. I now do a queryselector to find and click the refresh button that i only added so i can refresh the grid with javascript. I'm using an array (global scope) to store data.

The grid.refresh() didn't work, probably because i don't use transport. I have tried all the solutions on telerik and stackoverflow websites.

The data in the array gets manipulated outside of the kendo grid. document.queryselector(".k-pager-refresh").click() option works , but there has got to be a better way to do this.

P.s. deleting and rebuilding the grid with the new data gives bugs with grouping the data by column header, so that isn't an option.

I see this most often in the All Day slot of the Timeline view. I do not believe it is isolated to just that though. Here's using the native code:

Here's the same page with the code fixed:

Please note that two events are covered up: recur3 and an event that is NOT an all day event starting at 2pm. That's what the gap is. So yes, this gap is correct. Also note: In the first window I can press F12 to open the inspector, and manually delete the event elements which reveal the missing ones underneath. They are overlaid on top of each other.

After some debugging, here is the fix. The file, version, method, and line numbers are all here for you. The fix is highlighted on line 2855. The highlighted "start" should be "end".

Hi Support Team,

I try to apply VLOOKUP function in demo page.

VLOOKUP  Function:  =VLOOKUP(B8, 'Food Order #1'!B3:F11, 5, true) , the result showing in spreadsheet is $13.19, but when export to PDF the result show in PDF change to $52.16.

Can you please check on this issue.

Thank you

Regards
Daniel

Would be important to export The Gantt List as an excel because the users that already use the datagrid understand all of that as being the same and do not understand why they cannot export the list as an excel.

When the browser is zoomed, the TabStrip scroll right arrow does not change to disabled when there are no more tabs to scroll into view. 

It looks like the problem is in kendo.tabstrip.js _toggleScrollButtons function, the following line:

that._scrollNextButton.toggleClass('k-disabled', scrollLeft === ul[0].scrollWidth - ul[0].offsetWidth);

When the browser is zoomed, kendo.scrollLeft(ul) returns a decimal value.  https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft has the warning: "On systems using display scaling, scrollLeft may give you a decimal value."

scrollWidth and offsetWidth are rounded to integer.

My workaround is to override the _toggleScrollButtons function and do the following:

that._scrollNextButton.toggleClass('k-disabled', Math.abs(scrollLeft - (ul[0].scrollWidth - ul[0].offsetWidth)) <= 1);

Hi,

When "filter" option is set for dropdown tree widget, "checkChildren"  option doesn't take effect even if it is set to true.

Please, check example:

https://dojo.telerik.com/iMaVehuS/6

Thank you.

On this page Demo of core features in jQuery Circular Gauge widget | Kendo UI for jQuery (telerik.com) there is a link to the client side API documentation (big blue button "API Reference") but the link returns a 404 error.

This is the page it links to https://docs.telerik.com/kendo-ui/api/dataviz/circulargauge.