Hello, 

We have migrated to Kendo React (from jQuery) and are unable to use Directory upload functionality which existed in jQuery version:

https://demos.telerik.com/kendo-ui/upload/directoryupload

Currently in order to achieve such functionality, the only way is to inject required file input attributes manually as shown below:

    useEffect(() => {
        if (uploadWrapperRef.current) {
            const targetInput = uploadWrapperRef.current.querySelector('input');

            isFolder
                ? targetInput.setAttribute('webkitdirectory', '')
                : targetInput.removeAttribute('webkitdirectory');
        }
    }, [uploadWrapperRef, isFolder]);

This partially solves the issue, however because the directory upload functionality is not provided natively, we are unable to use drag-and-drop functionality for folders. There is no way to overwrite 'onDrop' functionality, which currently accepts only files but not folders.

Would it be possible to add Directory upload to KendoReact as well?

Kind regards,

Emil

The TreeList component has almost of all the same functionality as the Data Grid, but it lacks the ability to automatically resize the columns based on the content when clicking the table cell headers. The demo of the Data Grid Column Resizing shows this behaviour.  The jQuery TreeList also supports this behaviour.

It would be great if the KendoReact TreeList could also enable auto-resizing of columns in this way as it feels like the natural way to automatically set the size of columns.

Hi, I am Lavanya!

in my dropdown list, there are horizontal layouts I need to change to the vertical dropdown list

and also I have attached bar data in that I need to make a dropdown filter of the month how can I use that

Issue #1

Given:

Controlled TextaArea componenet with autoSize and rows properties.

const App = () => {
  const [state, setState] = useState();

  return (
    <TextArea
      value={state}
      onChange={(e) => setState(e.value)}
      autoSize={true}
      rows={2}
    />
  );
};

When:

Add couple text lines to extend TextArea size and remove these empty lines in any way.

Then:

Content from TextArea field is removed but TextArea height stays the same, doesn't come back to it's initial value. It's different comparing to example from your docs where example contains uncontrolled component.

Issue #2

Given:

Controlled TextaArea componenet with autoSize and rows properties.

const App = () => {
  const [state, setState] = useState();

  return (
    <TextArea
      value={state}
      onChange={(e) => setState(e.value)}
      autoSize={true}
      rows={4}
    />
  );
};

and styles like these

.k-textarea textarea {
  border: 1px solid blue;
}

When:

Start typing anything

Then:

Height of textarea component is decreasing

Example on stack blitz

we have X(cross) for combo box but it is not coming for datetime picker 

Walkthrough component.

The component will allow the developer the create a step by step guide over the page.

This will highlight a collection of elements in a set order on the page with a tooltip showing the newly introduced feature.