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!

Completed
Last Updated: 22 Nov 2024 06:34 by ADMIN
Created by: prabu
Comments: 3
Category: Toolbar
Type: Feature Request
4
 I have explore and created the kendo react  toolbar by referring the link https://stackblitz.com/run/?file=app%2Fmain.jsx  and i tried to resize the browser and the toolbar moves to multiple rows.But i expected the toolbar height is fixed and and it will be always single row like the syncfusion toolbar (https://ej2.syncfusion.com/react/documentation/toolbar/responsive-mode/)
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

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: 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 

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

Completed
Last Updated: 27 Sep 2024 04:48 by ADMIN

I would like to add two tables side by side in Telerik Editor two tables side-by-side like I would in google docs for ex:

Completed
Last Updated: 06 Jun 2024 06:43 by ADMIN
Created by: David
Comments: 6
Category: KendoReact
Type: Feature Request
5

Hi,

I would like to be able to specify a Grid Column template for the data without having to replicate the entire cell and its properties. Please see below for justification:

Consider the following example of KendoReact Grid Cell customisation: https://www.telerik.com/kendo-react-ui/components/grid/styling/#toc-adding-custom-cells

Following this approach results in the loss of a lot of properties from the grid cell compared with 'default' cells e.g.

<td colspan="1" class="" role="gridcell" aria-colindex="1" aria-selected="false" data-grid-col-index="0">Chai</td>
<td style="background-color: rgba(55, 180, 0, 0.32);">18 <span class="k-icon k-i-sort-asc-sm"></span></td>

These properties are important for many reasons including accessibility. There is another example of KendoReact Grid Cell customisation that preserves these properties here: https://www.telerik.com/kendo-react-ui/components/grid/cells/#toc-customization

e.g.

<td colspan="1" class="" role="gridcell" aria-colindex="4" aria-selected="false" data-grid-col-index="3">39</td>
<td colspan="1" role="gridcell" aria-colindex="5" aria-selected="false" data-grid-col-index="4" style="color: red;">false</td>

However, there is a considerable amount of code required to achieve this:

const CustomCell = (props) => {
  const field = props.field || "";
  const value = props.dataItem[field];
  const navigationAttributes = useTableKeyboardNavigation(props.id);
  return (
    <td
      style={{
        color: value ? props.myProp[0].color : props.myProp[1].color,
      }}
      colSpan={props.colSpan}
      role={"gridcell"}
      aria-colindex={props.ariaColumnIndex}
      aria-selected={props.isSelected}
      {...{
        [GRID_COL_INDEX_ATTRIBUTE]: props.columnIndex,
      }}
      {...navigationAttributes}
    >
      {value === null ? "" : props.dataItem[field].toString()}
    </td>
  );
};

I would like to be able to define a template for a cell without having to specify these properties every time.

Kind regards,

David

Completed
Last Updated: 04 Jun 2024 11:47 by ADMIN
Created by: Marcu
Comments: 5
Category: KendoReact
Type: Bug Report
0

Hello,

We are encountering an issue with duplicate entries in our Kendo Grid with drag & drop functionality. When the grid is scrolled, clicking on any of the header cells multiple times results in the first entry being duplicated. This problem occurs on the example provided on your website as well: Kendo React Grid Row Reordering

Reproduction Steps:

  1. Scroll down within the grid.
  2. Click on any header cell multiple times.
  3. Scroll back to the top of the grid.

You will notice that the first entry is duplicated multiple times. It appears that the reorder logic is being triggered when a header cell is pressed.

We are using version 6.1.0. Please refer to the attached video for a visual representation of the issue.

Thank you for your assistance.

Completed
Last Updated: 15 Feb 2024 09:39 by ADMIN
Test Environment:
OS version: 22H2 (OS Build 25272. 1000)
Edge Dev Version: Version 111.0.1633.0 (Official build) dev (64-bit)

Pre- requisites: 
Open Settings -> Accessibility -> Contrast Themes -> Select Aquatic/Desert modes.

Repro-Steps:
  1. Open the above URL and login with valid credentials.
  2. Now check some checkboxes (e.g., Bold, Underline, Insert ordered list, etc.)
  3. Now apply high contrast themes and try to differentiate between the checked and unchecked checkboxes. 


Actual Result:

Unable to distinguish between the checked and unchecked checkboxes in high contrast Aquatic/Desert themes.

Expected Result:
User should be able to distinguish between the checked and unchecked checkboxes in high contrast themes also. 

User Impact:

Users with low vision who rely on high contrast will not be able to distinguish between the checked and unchecked checkboxes in high contrast Aquatic/Desert themes.

    Completed
    Last Updated: 01 Feb 2024 15:48 by ADMIN

    This is a bug on your documentation website.

    Go to https://www.telerik.com/kendo-react-ui/components/grid/ for example to see that the side panel on the left is empty in an Edge browser. It flickers then it disappears.

    It works fin in Chrome and Firefox

    Completed
    Last Updated: 22 Dec 2023 15:28 by ADMIN
    Release [R1 2024] PI 2
    Created by: Jason
    Comments: 1
    Category: MultiViewCalendar
    Type: Bug Report
    1
    MultiViewCalendar component is broken in your library and in your example pages of it on your website at https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/. Clicking the date label in the top left of the control is supposed to change the view level correctly but it does not, it seems to be a click behind in its behavior.

    To reproduce on your site at https://www.telerik.com/kendo-react-ui/components/dateinputs/multiviewcalendar/

    Click on this month label


    Then click any other month than the one you were in


    Then it shows the wrong (previous) month


    If you keep clicking up and down from here you will find it seems to be navigating to your previous click each time, not the current click. Please correct this as its a bug in my new application going to production soon.

    Thanks.
    Completed
    Last Updated: 08 Nov 2023 08:24 by ADMIN
    Release [R3 2023] PI 2
    Created by: Vasilii
    Comments: 2
    Category: DropDownList
    Type: Feature Request
    17
    Provide the same property for the React version: https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/disabled-items/
    Completed
    Last Updated: 09 Oct 2023 04:59 by ADMIN
    Release [R3 2023] PI 3
    Created by: Leeden
    Comments: 3
    Category: KendoReact
    Type: Feature Request
    16

    Hi Support, 

     

    Is there any org chat component or similar components in Kendo React that is similar to the Org Chart in this link https://demos.telerik.com/aspnet-ajax/orgchart/examples/overview/defaultcs.aspx?

     

    Thanks & Regards,

    Eason

    1 2 3 4 5 6