Bug report

ColorPicker's value option is not taken with higher specificity.

Reproduction of the problem

1. Open the following dojo.
2. Set the value option of the widget.
3. Notice that the color is not changed despite having the configuration set.

Current behavior

Currently, the ColorPicker requires setting the value={color} attribute to the input element. However, value option does not alter the input's value despite being set.

This behavior is inconsistent with other picker widgets where the value option is taken more predominantly:

https://dojo.telerik.com/@alexander64836/UNeMajeG/3

Expected/desired behavior

The ColorPicker should take the value option with higher specificity. Even in scenarios where the value={color} attribute is present on the input.

Environment

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

Bug report

Regression Bug.

The new double tap editing mode not entered in Chrome and Edge on mobile devices since 2023.3.1010

Tested on iPad and iPhone

Reproduction of the problem
Dojo: https://dojo.telerik.com/AtaWufEG

Expected/desired behavior
User shall be able to enter editing mode on double tap

Environment
Kendo UI version: 2023.3.1010 or newer
Browser: [Chrome, Edge on Apple mobile device]

Hi.

I would like the ability to specify a template for the toolbar in a TreeList, much like the ability in the Grid.

Thank you.

Also see
https://www.telerik.com/forums/toolbar-template-59985d731e9b

Bug report

When the culture is changed the NumericTextBox with decimals does not accept valid values when it is rendered inside an editable popup. The issue can be observed when the NumericTextBox is rendered for editing in other components such as Gantt and Grid.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@gdenchev/UKAVAnaZ
2. Try to edit a cell and decrease the number either by entering digits or by using the arrows.

Current behavior

A validation error that the value is not valid appears.
The same behavior occurs in the Gantt component if you try to edit a task, then select Resources and try to edit the Units value - https://dojo.telerik.com/@NeliK/uZepIbId

Expected/desired behavior

The value of the NumericTextBox should accept changes when the culture is set.

Environment

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

Hi Team,

I would like to request to include masking to the Input element of a Kendo UI AutoComplete.  This would help if a user needed to input a specific format into the autocomplete such as an email, ssn, or phone number but the data did not include special characters during filtering. 

Thank you!  

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.

Consider the following scenario: There is a sortable Kendo-UI grid with a corresponding dataSource. Initially, the dataSource contains some items. When updating the dataSource to an empty array, all items disappear from the grid - so far, so good. However, if a column header is clicked afterwards to sort that column, the removed data reappears again.

We created a small "walkthrough" in this DOJO to demonstrate the issue.

FYI: The issue can be avoided by using a custom implementation of dataSource.transport.read which always returns the latest data.

Currently, when interacting with the "More Events" button:

The widget navigates to the "Day View" by default - if it happens to be present. It would be beneficial if there is a configuration that allows explicitly dictating the navigation behavior.

Context: There is an item that illustrates the issue here: https://www.telerik.com/forums/kendo-datepicker-value-not-populated-after-refresh-firefox-only

In Firefox, when using the asp-for tag helper to bind a c# DateTime field to an input element, then calling kendoDatePicker() on that element, the control fails to populate on a soft-refresh (F5). Upon reloading using F5 in Firefox, the input's type is set to datetime-local, and the input 's control variation is changed to the default date picker.  Then, the Kendo UI DatePicker is initialized with a blank input which normally has a type of text. 

Example project and video of issue are attached.

This is the pertinent code (also happens in latest version of Kendo as well):

    public class IndexViewModel
    {
        public DateTime DateAsDateTime { get; set; }
    }

        public IActionResult Index()
        {
            return View(new IndexViewModel { DateAsDateTime = DateTime.Today });
        }

@model IndexViewModel

<input id="dtDate" asp-for="@Model.DateAsDateTime">

<script type="text/javascript">
    $(document).ready(function () {
        $("#dtDate").kendoDatePicker();
    });
</script>

Bug report

When a Kendo UI ExpansionPanel is nested within another, and the initial expanded configuration is set to false, the panel will not open the first time it is attempted. When the widget is initialized, it searches for all expand icons in the expander's wrapping element, which in this case would include the icons of the inner expanders. Thus, when a user clicks on an outer one, you also affect the inner ones.

Reproduction of the problem

1. Go to this Progress Kendo UI Dojo.
2. Expand the main panel.
3. Expand a child panel.

Current behavior

The Kendo UI ExpansionPanels do not open the first time clicked.

Expected/desired behavior

The inner expansionPanels should open as expected.

Environment

• Kendo UI version: 2024.1.319
• jQuery version: All supported versions
• Browser: all

The Notification is not entirely displayed when Default or Classic themes are selected and scroller appears on the page.

To reproduce
Steps to reproduce the behavior:

1. Open the demos - https://demos.telerik.com/kendo-ui/notification/index
2. Click on the 'As a popup at bottom-right' button.

Expected behavior
The Notification seems to be cut at the end.

Screenshots

With versions prior 6.4.0, the Notification was displayed with a slight distance on the right

Affected package (please remove the unneeded items)

• theme-default
• theme-classic

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

• All

Hi Team,

I would like to request a way to make it easier to change the state of the tiles(Adding and Removing) using outside components such as the Kendo UI CheckBoxGroup.  

Thanks!

1. The top tab section (with the Home, Insert, Data, Undo, Redo) button of the toolbar should be configurable to be hidden, i.e. "single toolbar" configuration should be supported. Since it is possible to configure the toolbar to show custom items, it should also be possible to hide other tabs and the undo/redo button and only have a single toolbar as the configuration.

/* Style hack to hide the "Home/Insert/Data" tabstrip at the top of the spreadsheet. */
.k-spreadsheet-tabstrip.k-tabstrip {
    & > ul {
        display: none;
    }

    & .k-content {
        border-top: 0px;
    }
}

/**
 * Style hack to hide the undo/redo buttons in the quick-access toolbar.
 */
.k-tabstrip-wrapper .k-spreadsheet-quick-access-toolbar {
    display: none;
}

Email address lists - and other list inputs for text items - in various apps take text input and render each item in a tag - not unlike the MultiSelect.

A widget in similar form to the MultiSelect could serve this purpose, taking string input from the text input element - as well as being able to filter on active text.

I have rigged a MultiSelect with a view model to perform this function: dojo example. Its not perfect, but seems to work ok.

• ";", "," and space characters are used as string separators to trigger parsing - and split text e.g. from pasted list
• a simple email RegEx rejects values that cant be an address
• email addresses are added to the "available item" list and selected item
• the available items can be pre-populated according to the context
• like in the MultiSelect, the pop-up list can be displayed and filtered as the user types
  
• the pop-up list can be used to de-select and re-select items, as well as tag clear and "clear all" buttons in the widget
• similar keyboard support is useful, "Ctrl-A", arrow keys etc.
• multi and single tag modes

Bug report

Grid throws error when partial update is executed and selection is persisted

Reproduction of the problem

1. Open the following dojo.
2. Select a row.
3. Place it into edit mode.
4. Make some changes and click on the Save command button.
5. Try to select another row.

Current behavior

The Grid throws an error when the partial update is executed and the selection is persisted.

Expected/desired behavior

The Grid should not throw an error when the partial update is executed and the selection is persisted.

Environment

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