I would like to have dedicated Drag&Drop component instead of doing some weird wrapper around Sortable.

Issue description: While navigating through page number buttons Screen reader does not identify which page number is selected. Issue is observed with “Narrator” and “NVDA” as well

Test Environment:

Narrator (Windows 11), NVDA (Version: 2022.1)

Repro steps:

1. Hit on the link Overview - Grid - Kendo UI for Angular (telerik.com)
2. Tab navigate to table under “Angular Data Grid Overview”
3. Run Screen reader
4. Tab Navigate to page navigation buttons
5. Observe that Screen reader does not identify which page number is selected

Actual results: While navigating through page number buttons Screen reader does not identify which page number is selected. Issue is observed with “Narrator” and “NVDA” as well

Expected results: While navigating through page number buttons screen reader should identify which page number is selected

Attachments:  Attachments

Hello Kendo Team,

Need support for all day events to be shown just like slot events instead of showing it in the all day section at the top.

The use case of this scenario is that it removes the confusion for an end user, and helps them to better understand the available slot for a  particular day.

Also the all day approach has multiple visual bugs for instance if an appointment start date is 17th March- 08 PM to 19th March 04 PM, as the appointment is more than 24 hours it goes to the all day section but then the slots before 08 PM of 17th march is still available and  it is very difficult for an end user to find out that slot.

We are upgrading from @progress/kendo-angular-grid 4.8.0 to 7.4.2 and are running into an issue where a `kendo-grid-command-column` on a non-reorderable single column-sortable grid has gained the `pointer: cursor` CSS style where it did not previously.

The kendo documentation also shows this behavior, implying clicking on the command column header will do something when it will not, unlike the other columns. https://www.telerik.com/kendo-angular-ui/components/grid/editing/inline-editing/#toc-using-reactive-forms

kendo-angular-grid 4.8.0:

kendo-angular-grid 7.4.2:

This happens if the TimePicker is visible on the page and you change your system timezone (like from +2 to +12) and try to open the timepicker.

Hi team,

I am working on a simple UI where kendo combo-box is a "column" of a kendo tree-list. The problem is, the opening and closing of kendo combo-box also expands and collapses the kendo tree-list's row.

I think the event of kendo-combo-box is bubbled to treelist. Is this a bug or am I missing something? 

Here's my Stackblitz example for reproducing the issue (Link: https://stackblitz.com/edit/angular-18guak?file=src/app/app.component.ts)

Hi,

It will be a great addition if the `in` and `notin` (SQL-related) operators are added to the FilterDescriptor.

Hi,

Currently the kendo-datepicker submits the form when you press the enter key in the calendar popup.

I don't think this is the purpose? Can this be prevented please? If the current behaviour is useful in some scenarios, maybe provide a configuration option to alter this.

Thank you in advance.

Best regards,

Johan

Hi Kendo Angular team,

It will be a good addition to the Kendo UI internalization to add support for the 'j' input skeleton symbol.

https://www.unicode.org/reports/tr35/tr35-dates.html#dfst-hour

Thank you for your consideration.

Based on the feature set of the current jQuery widget - http://demos.telerik.com/kendo-ui/diagram/index

When the user enters each character into the combobox, the system should validate that the resulting value is valid. If not, the system should not display the character

Step to produce:

1. Give focus to combobox

2. Type res

3. System should select Residential

4. Type z

5. System should not accept z character (both values in list that start with res do not have a z as the next character)

6. Type t

7. System should select Restaurant

8. Type y

9. Tap Tab

Expected Result: Restaurant should be selected

<kendo-combobox class="kendo-combobox" [ngClass]="{'inactive-color' : custColor}"
         #comboboxComponent [openOnKendoFocus]="comboboxComponent"
          formControlName="CustType" [data]="custTypes" textField="Description" valueField="CustTypeID"
          [suggest]="true" [valuePrimitive]="true" [allowCustom]="false" (selectionChange)="onCusttypechange($event)">
          <ng-template kendoComboBoxItemTemplate let-dataItem>
            <span class="template_lbl" [ngClass]="{'inactive-color' : dataItem.QInactive}">
              {{ dataItem.Description }}</span>
          </ng-template>
        </kendo-combobox>

when someone clicks on a date in the middle of the component, it will scroll the component instead of selecting the date.

This occurs in chrome and edge. In firefox this issue is not observed.

Steps:

1. Open a datepicker (https://www.telerik.com/kendo-angular-ui/components/dateinputs/datepicker/)
2. Hover over tuesday (bootstrap theme), between tuesday and wednesday in default theme.
3. Click on the date.
4. The component scrolls instead of selecting the date.

The cursor also changes from pointer to default. It seems another component is on top of the tuesday column.

The TextBox component allows us to specify a template for the prefix and suffix areas by applying the TextBoxPrefixTemplate and TextBoxSufffixTemplate directives to an ng-template.

I would also like to able to specify a template for the actual input area itself. 

My use case for this is that I have a directive that I use within my application that I would normally apply to the <input> tag to ensure some custom processing is undertaken during user input. With the current TextBox component I am unable to do this.

Additionally I would like to specify the autocomplete attribute for the <input> tag to alow the browser to autocomplete things such as shipping-address etc. or even to disable the browser autocomplete completely by setting this to "off". Again this is not possible with the current TextBox but would be easily achievable if I could specify the template for the input area.

If this was implemented as requested I would expect my angular HTML to look something like:

 <kendo-textbox>
   <ng-template kendoTextBoxPrefixTemplate>
       <button kendoButton look="clear" icon="image"></button>
   </ng-template>
   <ng-template kendoTextBoxInputTemplate>
       <input myDirective [autocomplete]="myValue" />
   </ng-template>
   <ng-template kendoTextBoxSuffixTemplate>
       <kendo-textbox-separator></kendo-textbox-separator>
       <button kendoButton fillMode="clear" icon="calendar"></button>
       <kendo-icon name="bell"></kendo-icon>
    </ng-template>
 </kendo-textbox>

The DatePicker control for Angular has a hidden vertical scrollbar on the kendo-virtualization element, which is nested inside the kendo-calendar-navigation and kendo-calendar-viewlist elements. Though it is hidden from view, it is still clickable, and can obscure the selectable dates in the calendar. Clicking it results in activating the scrollbar, which will result in the navigation sidebar scrolling. 

I have attached two screenshots to show the affected areas. Highlighted in red are the areas that when clicked will activate the sidebar scrollbar, and highlighted in blue is the area that will activate the calendar scrollbar, along with their respective elements in the DOM.

It appears the scrollbar is hidden from view via a combination of padding and margin settings from the css below:

.k-calendar .k-content.k-scrollable,
.k-calendar .k-calendar-content.k-scrollable {
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    padding-right: 100px;
    padding-left: 100px;
    margin-left: -100px;
    margin-right: -117px;
}

I am using Edge Version 105.0.1343.50

Tab Key: When you press the TAB key, the editor loses control of the focus. It is intended to give tab space rather than leave editor control. The indent space actually differs greatly from the tab space.

We are using placeholder like <span id="P_Name" name="P_Name">{P_Name}</span> . this would replace with the patient name on loading the editor. 

we used the ContentEditable = false is not working for the span. Some important content such as patient information should be read-only.

attached the sample editor content , the below content are loading dynamically , so we should restrict user should not edit the conent.