in the provided video, an example of the unordered list has been taken up. But the same is applicable to the numbered list as well.

When a user tries to add a new point to an unordered list in a new line and then clicks the backspace, the unordered list remains. Pressing 'Enter' to start a new line shows the unordered list bullet points again.

Can we update it so that on   Pressing backspace to remove the unordered/ordered list should delete it entirely and should not leave any highlighting in the description box editor field.

 

video : https://www.loom.com/share/480debbe4f2648339ecb80cd9b6ed853?sid=3914f5dc-f477-4afd-a55d-df4a26603da7   

please go through video where i have provided , example of current behavior and expected behavior 

We are using the DateFilter from kendo-react-data-tools to filter Odata Edm.Date fields. Neither the DateFilter nor the Edm.Date fields have a time component, but toODataString from kendo-data-query turns the DateFilter value into a DateTimeOffset e.g. YYYY-MM-DDT00:00:00.000Z.

Is it possible to get a date-only value from toODataString using DateFilter?

in React Dialog, the Dialog or the overlay, need to be focused for the Escape Key to work and close the dialog, whereas in the jQuery Dialog, it works globally without a specific focus...

Although Kendo React UI supports virtualization for grids with many rows, supporting virtualization for wide rows with hundreds of columns would increase rendering performance.

https://www.telerik.com/account/support-tickets/view-ticket?threadid=1343205

Would it be possible to add a react wrapper of the angular / jQuery Sortable library?

https://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/AngularJS/use-sortable-grid-angular

I'd like to be able to get the generated pdf data from GridPDFExport in a callback, instead of saving to file. This is useful for emailing pdfs.
It can easily be achieved by adding a 'generatePDF' method to the KendoDrawingAdapter prototype such as this:

  KendoDrawingAdapter.prototype.generatePDF = function (callback) {
        var _this = this;
        var savePromise = this.drawDOM(this.domElement, this.getDrawOptions())
            .then(function (group) { return _this.exportPDF(group, _this.getPDFOptions()); })
            .then(function (dataUri) { return dataUri });
        if (callback) {
            savePromise.then(callback, callback);
        }
    };

The KendoReact Tooltip component only displays tooltips on hover (the showTooltip method is called on the onMouseOver and onMouseLeave events). It would be ideal if the showTooltip method was also called on the onFocus event as well, making the user experience the same for keyboard-only users.

Most other UI libraries treat hover/focus the same for consistency and accessibility.

Bootstrap requires it:
https://getbootstrap.com/docs/4.1/components/tooltips/#making-tooltips-work-for-keyboard-and-assistive-technology-users

Material UI allows you to disable focus interaction, but the default is that focus is handled the same as hover:
https://material-ui.com/api/tooltip/#props

 

Create a function callback for the Upload saveUrl.
This will allow for more flexibility when making requests.

Right now there is no way that I found to create a row that displays the totals without grouping the data. I have had to create a separate table and hide the columns to simulate this feature. 

Return the entire dataItem in the AutoComplete onChange event, similar to the DropDownList.

Dropdownbutton doesn't work in FF 66.0.2 on maxOS

1. Click on the dropdownbutton
2. Clicking outside of the dropdownbutton menu
3. The dropdownbutton does not close

Set TabStrip items on multiple rows, instead of scrolling.

If there are many items, they should be shown on multiple row.

Hello again Kendo React Team,

Our team recently started using the Kendo React DateTimePicker and noticed that if the user clicks "Today" followed by "Now" the drop down does not automatically go away. The DatePicker and TimePicker both have this desired action of closing the drop down when selecting. Would it be possible to add this functionality to the DateTimePicker?

Thanks,
Mark

Column locked with KendoReact Grid is not locked in the iPhone safari.  It's OK in Chrome phone simulator, but not in mobile. 

 

<Grid
                    style={{ height: '400px', width: '500px' }}
                    data={products}
                    reorderable
                >
                    <Column field="ProductID" title="ID" width="45px" locked />
                    <Column field="ProductName" title="Name" width="250px" />
                    <Column field="Category.CategoryName" title="CategoryName" />
                    <Column field="UnitPrice" title="Price" width="90px" />
                    <Column field="UnitsInStock" title="In stock" width="90px" />
                    <Column field="UnitsOnOrder" title="On order" width="90px" />
                    <Column field="Discontinued" width="120px" locked={true} />
                    <Column field="QuantityPerUnit" title="Additional details" width="250px" />
                </Grid>

Allow the floating labels to be placed over the input even if the value is null - empty.

Material UI have such property, and adding it to KendoReact will increase its compatibility with the Material UI components.

It seems the Angular date pickers allow an actual placeholder attribute in stead of populating with the format as the React components do. The current functionality is limited in terms of the experience and requires workarounds as found in this thread.

https://www.telerik.com/forums/datepicker-without-placeholder?actionMode=replyThread

Hi, 

Is it possible to define where the dropdown container (i.e. k-list-container) is appended in the DOM?

By default it is appended at the bottom of the body but I'd like to define where it is appended.

The reason why I need to do this is because I'm using the KendoReact components in a WebComponent (custom element) which is hosted in a shadow-dom for isolation.
The styles are also only loaded within the shadow-dom and are therfore not applied to content on the outside. 

The issue is that the kendo dropdown container is appended outside of the shadow-dom and the scope of the kendo styles.
The dropdownlist component is styled correctly but the dropdown part that is appended to body is not styled.

I've solved this with other components (i.e. modal window) by defining where I want the the container appended with the createPortal method in React.

 

Is it possible to set Authorization headers when using a proxy with the kendo-file-saver saveAs function? The controller method I am trying to use as the proxy is protected by JWT Bearer token authorization. 

Hi Guys,

In GridProps for KendoReact Grid there is an error in the type information:

Found here: https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-rowrender

In the GridProps.d.ts file it is:

    /**
     * Fires when a row is about to be rendered. Overrides the default appearance of the row.
     */
    rowRender?: (row: React.ReactElement<HTMLTableRowElement>, props: GridRowProps) => React.ReactNode;

This should be changed to:

rowRender?: (row: React.ReactElement<React.HtmlProps<HTMLTableRowElement>>, props: GridRowProps) => React.ReactNode;

 

Note that the React.ReactElement definition is:

    interface ReactElement<P = any, T extends string | JSXElementConstructor<any> = string | JSXElementConstructor<any>> {
        type: T;
        props: P;
        key: Key | null;
    }

 

So the first type parameter should be the props typ.

I noted this while making use of it. After changing it it behaves sensibly. Worked around in my case by using 'as any' to void the type clash.

Cheers,

Stuart