Unplanned
Last Updated: 24 Oct 2024 10:28 by Anand
I have a tile with the reorderable prop set to false. If I resize the tile the drag clue is rendered (the hand pointer). 
Unplanned
Last Updated: 23 Oct 2024 07:38 by ADMIN

To demonstrate:

1. Open your simplest interactivity/selection demo, which is not grouped, in StackBlitz. See: https://www.telerik.com/kendo-react-ui/components/grid/interactivity/selection/

2. Add the Grid's group prop. To demonstrate the bug nothing else needs changed

<Grid group={[]} ...

3. Run demo, scroll down and pick a row.

4. Observe the grid scrolls to the top and you cannot see your selected row unless you scroll back.

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

Unplanned
Last Updated: 17 Oct 2024 10:41 by Flavio
I am using conditional rendering to render a custom editor for the resources in the Scheduler. Even if there is no resource editor the label still renders. 
Unplanned
Last Updated: 16 Oct 2024 12:30 by CompuMed

Setting the stage prop to "DEFAULT" does not update the Window component as expected:

const [stage, setStage] = React.useState<string>('DEFAULT');  

const handleStageChange = (e: WindowActionsEvent) => {
    setStage('DEFAULT');
  };

<Window
          stage={stage}
          onStageChange={handleStageChange}

Completed
Last Updated: 16 Oct 2024 11:11 by ADMIN
Release 2024 Q4 (Nov)

There is a bug when rendering nested `PanelBarItem` components into a `PanelBar`. This error began in version 8.0 and still exists in 8.2.0.

In the linked example sandbox, you can see that I am rendering an empty array of children and it causes an error. This used to not cause any issues.

An empty array is needed because we render some `PanelBarItems` that come from an AJAX query and so the children starts off as an empty array until the requests completes.

code sandbox example of bug

Thank you,

Ryan

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';
```

Completed
Last Updated: 27 Sep 2024 05:41 by ADMIN

Title basically says it all. Issue can be easily observed in the basic Multiselect with virtualization example:

  1. Open the dropdown
  2. Scroll to the bottom end
  3. Close the dropdown
  4. Open it again - popup's scroll position is incorrect and therefore shows blank.

What seems strange is that I cannot reproduce this issue with the combobox virtualization, although I found a somewhat similar bug submitted for the combobox - https://github.com/telerik/kendo-react/issues/1450 

Unplanned
Last Updated: 27 Sep 2024 05:02 by ADMIN

Setting the window position is not permanent.

How to reproduce:

  1. open https://stackblitz.com/edit/react-hyhjxg?file=app%2Fapp.tsx
  2. click 'move to corner' button
  3. click the window title bar
  4. the window changes its position to the previous one, but it should remain in place.

Chaging window stage also reverts previous position

 

 

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!

Under Review
Last Updated: 26 Sep 2024 05:05 by ADMIN
Title: Alternative to Single Pointer options is not provided for adjusting the graph points.

Test Environment: 
OS: Windows 11 Version 24H2 (OS Build 22631.3958)
Browser: Microsoft New Edge Version 128.0.2739.42 (Official build) (64-bit)

Repro Steps:
  1. Open URL: React Charts Library & StockChart - StockChart - KendoReact Docs & Demos (telerik.com in Edge browser.
  2. "Kendo React Stock Chart Overview" chart will appear. 
  3. Navigate to the second chart present under Example using tab key.
  4. Now verify whether the single Pointer options alternative is provided for adjusting the graph points or not.
    Actual Result: An alternative to Single Pointer options is not provided for the dragging functionality to adjust the graph for start and end point.
    Please refer attachment- Single Pointer options alternative is not provided for adjusting the graph points.

    Expected Result: 
    Single Pointer options alternative should be provided for adjusting the graph points.
     
    Example: There can be editable fields provided so that the user can add values accordingly.
     
    Declined
    Last Updated: 29 Aug 2024 14:25 by ADMIN
    Title: Screen reader is not announcing the complete data points information of the "Displaying Time Series" bar graph.

     

    Test Environment:  

    Windows11 24H2 Os Build 26100.1301
    Browser: New Edge Version 127.0.2651.86 (Official build) (64-bit)
    AT: NVDA, JAWS, Narrator
     
    Repro steps:  
    1. Open URL: https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/axes/#toc-displaying-time-series 
    2. Kendo React home page will appear.
    3. Navigate to the "Displaying Time Series" bar graph using tab key.
    4. Navigate using arrow keys through the chart controls.
    5. Verify whether the Screen reader is announcing the complete data points information of the "Displaying time Series" bar graph or not. 
    Actual Result:
    Screen reader is not announcing the complete data points information i.e x axis and y value information also what those points indicate of the "Displaying time series" graph.

    Observation: While navigating the graph data points using arrow keys, screen reader JAWS only announces as "3.3 point, 5.2 point" when focus lands on those graph points.
    NOTE: Issue is repro'ing with all 3 Screen Readers.
    Please Refer Attachment- Screen reader is not announcing the complete data points information on the graph.

    Expected Result:
    Screen reader should announce the complete data points information of the "Displaying time series" graph such as screen reader announce as the x-axis value along with what information the data points are representing as "Daily max (C) Chart X-axis value 1/1 Y-axis value 3.3 point".

    Declined
    Last Updated: 25 Jul 2024 13:14 by ADMIN
    Created by: Alex
    Comments: 1
    Category: KendoReact
    Type: Bug Report
    0

    I have noticed that whenever you want to upload multiple photos at once, using this React Upload Component & Events - KendoReact Docs & Demos (telerik.com) component the previews of the images uploaded bounce/ shake around. I've tried this on multiple browsers and they all have the same bouncing effect for the image previews. For a single photo it doesn't do it but once multiple images are added, it will do it.

     

    Planned
    Last Updated: 17 Jul 2024 11:20 by ADMIN
    Scheduled for 2024 Q4 (Nov)
    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:

    1 2 3 4 5 6