Pending Review
Last Updated: 05 Dec 2024 23:34 by Brent

@progress/kendo-react-inputs@9.0.0

going back to this ticket, we'd like to use CTRL+up/down for our own purposes... as such, you can now disregard that feature request in lieu of fixing this bug =)

since this is undocumented behavior (documentation screenshot below) i believe we have a legitimate bug claim.

also, other controls like DateTimePicker reliably ignore the CTRL+up/down while implementing bare up/down as documented.

 

Completed
Last Updated: 04 Dec 2024 23:33 by ADMIN
Created by: Marcu
Comments: 2
Category: KendoReact
Type: Bug Report
0

Hello,

After updating the kendo version in my project to "^5.1.0" I've noticed that some errors are appearing in our console when we are trying to resize items in the Scheduler. 

"use-resize-item.js:53 Unable to preventDefault inside passive event listener invocation."

I have attached a video with the error.

Thanks!

Pending Review
Last Updated: 02 Dec 2024 19:16 by gridtrekkor

Hello,

Please add a feature to highlight areas of a PDF on specific pages.  This feature is available in a different library - React PDF Viewer library - but that is apparently no longer supported, and has security vulnerabilities:

https://react-pdf-viewer.dev/examples/render-the-highlight-areas/

This is a critical feature for an application we are building.  Thank you for any assistance.

Planned
Last Updated: 12 Nov 2024 08:40 by ADMIN
Created by: Owen
Comments: 3
Category: KendoReact
Type: Bug Report
5

When typing into a date picker and trying to type Feb 29th, 2024 (or any other leap year ofc) the date is updated incorrectly by the kendo date picker validation. As the user types the year their previous entry of 29 is updated to 28. This should update check should probably not occur until the user is done updating the input. If there is some fix or workaround we can do on our end to resolve this issue please let us know

Here's a video of the bug in our application

However, I was also able to reproduce the exact same behavior even in the documentation:

Unplanned
Last Updated: 07 Nov 2024 14:20 by ADMIN
Created by: Saikat
Comments: 1
Category: KendoReact
Type: Feature Request
1

Our client requirement is they need to modify any dates using datepicker.

For example

if 11/11/2024 need to change 11/12/2024

just a single one digit change is not permitted we need to type 12 which is 2 digit change that means complete day

same happens for month and year as well

We found Carbon-date-picker provides similar functionality which solves our requirement where we can modify each and every digit of datepicker element

Unplanned
Last Updated: 07 Nov 2024 11:50 by ADMIN
If you use charts and diagrams based on a time interval you always needs to update this to the current date. I propose the option of typing ex. @today+30, which means that the diagrams will always show the metrics 30 days from now. A clever way of automating the date input. This is a very useful addition to the current functionalities in the date range picker. Please vote.
Won't Fix
Last Updated: 07 Nov 2024 09:00 by ADMIN

StackBlitz example: https://stackblitz.com/edit/react-vg8pu5?file=app/main.jsx

 

If you have a Form <Field component={Input}> inside an <ExpansionPanel>, if you press space or enter within the input, the expansion panel also receives the key event and will expand/collapse. It seems like these key events should not bubble out of the Field component.

Unplanned
Last Updated: 04 Nov 2024 06:45 by ADMIN
Created by: Karl
Comments: 1
Category: KendoReact
Type: Feature Request
1

I'm in need of the format Year/WeekOfTheYear/DayOfTheWeek for the date range picker. Ex. 2024/44/3, meaning the year 2024 week 44 day Wednesday. 

This is not supported currently, please vote for it's implementation if format support has been an issue for you too.

Completed
Last Updated: 30 Oct 2024 13:17 by ADMIN
Created by: n/a
Comments: 2
Category: KendoReact
Type: Feature Request
1

Hello,

 

i am new to React and Kendo React UI.

I am reading the documentation for Gantt, and if i understand it correctly i can customize header column (headerCell?), but I dont know how. Is there any examle ?

I wound like to customize the column with dates.

 

Thank you, Matjaz Reberc

In Development
Last Updated: 21 Oct 2024 14:43 by ADMIN

Hi! 

I have noticed that keyboard navigation doesn't work in the filter editor components inside the Filter component

Reproduction:

  1. Open https://stackblitz.com/edit/react-rvwjsm?file=index.html
  2. Choose "name" or "price" from the first dropdown
  3. Type anything in the input field
  4. Try to change the cursor position in the field using arrow keys - doesn't work

 Is there a way to enable it or go around it? 

Completed
Last Updated: 21 Oct 2024 07:26 by ADMIN
Pre-requisite:
Add accessibility insights for web extension for edge Anaheim(Dev) browser from https://accessibilityinsights.io/

Repro-Steps:
  1. open the https://answers.microsoft.com/en-us/msoffice/ using valid credentials.
  2. Select 'reply' button.
  3. Navigate to 'Insert image' button and invoke it.
  4. Now Run the fast pass using Accessibility Insights for web and observe the failure 'label'.

Actual results:

Aria label attribute is not defined for button in 'Insert image' dialogue.

Narrator is announcing as 'No file chosen, choose file, button'.


Expected results:

Aria label attribute should be defined for button in 'Insert image' dialogue.

 

User Impact:

Adding effective form labels is absolutely necessary to make forms accessible. The purpose of form elements such as a checkboxes, radio buttons, input fields, etc. is often clear for sighted users, even if the form element is not programmatically labeled. This isn't usually the case for screen reader users. Adding a label to all form elements eliminates ambiguity and contributes to a more accessible product.

Completed
Last Updated: 21 Oct 2024 07:25 by ADMIN

Hi Team, 

###Current Behavior

When displaying checkboxes, they are not aligned for nodes with children vs. nodes without children

 

### Example

https://stackblitz.com/edit/react-rqvush?file=app/main.jsx

 

### Expected Behaviour

Nodes checkboxes should be aligned the same regardless of if they have children.

 

###Version

4.8.0

 

Thanks and Kind Regards,
Grant

Completed
Last Updated: 21 Oct 2024 07:25 by ADMIN
Release 2024 Q4 (Nov)
Created by: shieldsjared
Comments: 1
Category: KendoReact
Type: Bug Report
0

Looking at the JSDoc for for `toDataSourceRequestString` and `toDataSourceRequest`, they both appear to have JSDoc above them, showing the parameter as:

 * @param {DataRequestState} state - The state that will be serialized.

Should this actually have `@param {DataSourceRequestState}`?

Completed
Last Updated: 21 Oct 2024 07:25 by ADMIN
Created by: Aaron
Comments: 1
Category: KendoReact
Type: Bug Report
0

Given the simple example:


const RatingContainer = () => {
  const [ratingValue, setRatingValue] = useState(0);

  const clearRating = () => {
    setRatingValue(0);
  }

  const onRatingChange = (event) => {
    setRatingValue(event.value);
  }

  return <div>
    <Rating 
      value={ratingValue}
      onChange={onRatingChange}
    />
    <Button
      onClick={clearRating}
    >
      Clear
    </Button>
  </div>
}

export default RatingContainer;

The Rating component behaves as expected when updating `ratingValue` through the Rating component. However, when I want to clear the rating value with the 'Clear' button to update the `ratingValue`, the number of stars displayed doesn't update reflect the value of `ratingValue`.

Here is a subsection of my package.json file.


   "@progress/kendo-data-query": "^1.6.0",
    "@progress/kendo-drawing": "^1.17.5",
    "@progress/kendo-licensing": "^1.3.0",
    "@progress/kendo-react-animation": "^5.13.0",
    "@progress/kendo-react-buttons": "^5.13.0",
    "@progress/kendo-react-charts": "^5.13.0",
    "@progress/kendo-react-common": "^5.13.0",
    "@progress/kendo-react-data-tools": "^5.13.0",
    "@progress/kendo-react-dateinputs": "^5.13.0",
    "@progress/kendo-react-dialogs": "^5.13.0",
    "@progress/kendo-react-dropdowns": "^5.13.0",
    "@progress/kendo-react-editor": "^5.13.0",
    "@progress/kendo-react-excel-export": "^5.13.0",
    "@progress/kendo-react-form": "^5.13.0",
    "@progress/kendo-react-grid": "^5.13.0",
    "@progress/kendo-react-indicators": "^5.13.0",
    "@progress/kendo-react-inputs": "^5.13.0",
    "@progress/kendo-react-intl": "^5.13.0",
    "@progress/kendo-react-labels": "^5.13.0",
    "@progress/kendo-react-layout": "^5.13.0",
    "@progress/kendo-react-listview": "^5.13.0",
    "@progress/kendo-react-notification": "^5.13.0",
    "@progress/kendo-react-pdf": "^5.13.0",
    "@progress/kendo-react-progressbars": "^5.13.0",
    "@progress/kendo-react-tooltip": "^5.13.0",
    "@progress/kendo-react-treelist": "^5.13.0",
    "@progress/kendo-react-treeview": "^5.13.0",
    "@progress/kendo-react-upload": "^5.13.0",
    "@progress/kendo-svg-icons": "1.4.2",
    "@progress/kendo-theme-bootstrap": "^5.2.0",
I also attached a screenshot capturing an example.
Completed
Last Updated: 21 Oct 2024 07:24 by ADMIN
Created by: Krystian
Comments: 1
Category: KendoReact
Type: Bug Report
0

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

Completed
Last Updated: 15 Oct 2024 15:42 by ADMIN
Release 2024 Q4 (Nov)
Created by: Joel Parker Henderson
Comments: 7
Category: KendoReact
Type: Bug Report
0
## Missing kendo-react-buttons

On this page: https://www.telerik.com/kendo-react-ui/getting-started/

On this section: "Add a KendoReact Data Grid"

On this page: https://www.telerik.com/kendo-react-ui/getting-started/

On this section: "Add a KendoReact Data Grid"

When I launch the app as usual:

```sh
yarn start
```

Then the browser page includes this error:

```
Compiled with problems:

ERROR in ./.yarn/__virtual__/@progress-kendo-react-data-tools-virtual-df92d36fcf/0/cache/@progress-kendo-react-data-tools-npm-5.2.0-8d098f65a0-5d68752aaa.zip/node_modules/@progress/kendo-react-data-tools/dist/es/columnmenu/ColumnMenuFilterForm.js 19:0-55

Module not found: Error: @progress/kendo-react-data-tools tried to access @progress/kendo-react-buttons (a peer dependency) but it isn't provided by your application; this makes the require call ambiguous and unsound.

Required package: @progress/kendo-react-buttons
Required by: @progress/kendo-react-data-tools@virtual:79c9c696d5f1e6f4dd730946c0d2912611551a498926b146bcbdd9d142588c5f4c2333469b63e7a9a2bdd1f0f1313d0d70b72cc8dbcafcc20e21e6b9790f6068#npm:5.2.0 (via /Users/joel/git/joelparkerhenderson/demo/demo-react-kendo/.yarn/__virtual__/@progress-kendo-react-data-tools-virtual-df92d36fcf/0/cache/@progress-kendo-react-data-tools-npm-5.2.0-8d098f65a0-5d68752aaa.zip/node_modules/@progress/kendo-react-data-tools/dist/es/columnmenu/)
Ancestor breaking the chain: demo-react-kendo@workspace:.
```


The solution that works for me...

Add the package:

```sh
yarn add @progress/kendo-react-buttons
````

Edit `src/App.js` and add this line:

```js
import '@progress/kendo-react-buttons';
```

Unplanned
Last Updated: 14 Oct 2024 12:53 by ADMIN
Created by: Alex
Comments: 1
Category: KendoReact
Type: Feature Request
2
We are used to changing the selection of a line directly with the simple arrow keys (up and down).
This is familiar from Windows Explorer or, for example, the various lists in Microsoft Outlook. There should be an option for this behavior in the DataGrid.

Currently this behavior is different in the DataGrid.
Declined
Last Updated: 27 Sep 2024 05:43 by ADMIN
Created by: Sunny
Comments: 4
Category: KendoReact
Type: Feature Request
0
Form validation are happening on every field change. For some complex forms, validations will require a backend api to validate the date. Kendo form should allow an options to only validate before submit happens. 
Completed
Last Updated: 27 Sep 2024 04:59 by ADMIN
Release 2024 Q3 (Aug)
Created by: Grant
Comments: 5
Category: KendoReact
Type: Bug Report
0

Hi team, 

Im my example (see here), I've added a 'name' attribute to the 'Persons' resource data, and changed the textField mapping to use the 'name' field, however the scheduler is still displaying the results of the 'text' attribute. 

Leading me to think that the scheduler is hardcoded to only look for the text attribute, because if its changed/removed, the scheudler does not display anything, regardless of what the 'textField' value is.

Please advise.

Thanks,
Grant

Unplanned
Last Updated: 27 Sep 2024 04:52 by ADMIN

Hello,

We have recently upgraded our packages to version: "@progress/kendo-react-grid": "^6.1.0". While testing the new look and feel of the application we've noticed that the pagination is no longer working on several grids from the application. After investigating for a while, we have found the property that is causing the issue(rowHeight), please take a look at the Stackblitz example from below.

https://stackblitz.com/edit/react-wwzkjy?file=app%2Fmain.tsx

As you can see, in the example the pagination is not working. If we remove the property "rowHeight" from the grid the pagination is working again. We are not sure how these two are related but can you tell us what is going wrong and how we can fix it?

Thanks!

1 2 3 4 5 6