Greetings,

I'm trying to implement the menu buttons that will only expand when it's clicked and it should remain open when the mouse pointer leaves the Menu. Currently, the user has to click the menu button or the items to close the menu. Is there a way to close the menu and disable the open-on-hover behavior by clicking outside of the menu button on the page?

Here is the snippet of the code:

<Menu
  openOnClick
  hoverCloseDelay={100000}
>

Please help, thanks!

Jason

Hi Team,

I am using Kendo React packages to develop my react application. There is a trouble is showing the sorting icon in the grid component in the https envrionment. I am using sorting icons with their classnames.

Packages: 

"@progress/kendo-react-grid": "^5.14.1",
"@progress/kendo-svg-icons": "^1.5.0",
"@progress/kendo-theme-default": "^6.4.0",
"@progress/kendo-react-common": "^5.17.0",

code:

localhost Grid component with sorting icon -

https grid component:

I have a simple kendo grid, where I set its selected field to true.

When I open the application in the browser, the 'aria-selected' is set to true. However, when I use jest the aria-selected of all cells is set to false.

Also when I do a fireEvent.click() on the rowElement*, it doesn't trigger the onSelectionChange of the Kendo Grid React component.

Is there anything special that I need to do to be able to correctly interact with the grid in my jest tests?

* the rowElement is found by

return await findByRole(this.gridElement, (content, element) => {
	if (element?.tagName === 'TR') {
		return (element as any).attributes['aria-rowindex'].value === (rowIndex + 1).toString();
	} else {
		return false;
	}
});

I noticed that kendo-data-query was updated to version 1.7.0, but there is nothing listed here: https://www.telerik.com/kendo-react-ui/components/changelogs/data-query/

Also, I've noticed lag between when a new version is released and release notes are set: https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/ In this case, 5.19.0 is available but there are no notes detailing what was added/fixed.

How long should we expect to wait for release notes to be available? We like to keep our libraries up-to-date, but would like to know what has changed.

Thanks!

Hi there,

Is the demo here loading for you? https://www.telerik.com/kendo-react-ui/components/knowledge-base/grid-hide-grouped-columns/

• When I click "Open in StackBlitz" or "Open in CodeSandbox", none of the dependencies are added and files that are required for importing are missing.
• The embedded demo itself on the Kendo site is not working/loads forever.

Thank you in advance for your help!

Janki

I have some content that consists of an image with a hidden link. (It used to be a button, but I found that the button was being stripped out entirely. If there's a way to fix this, I will probably go back to the button.)

<div class="divbutton">
<p>
<img src="data:image/jpeg;base64,foo" alt="Xsctn_Strat-Struct.jpeg" title="Xsctn_Strat-Struct.jpeg" style="width: 100px" class="Figure-Preview" id="64319096-9a51-418d-a11b-e70d25d9cb0e" contenteditable="false" draggable="true">
<a contenteditable="false" onclick="parent.image_preview(document.getElementById('64319096-9a51-418d-a11b-e70d25d9cb0e').src)">EXPAND</a>
</p>
</div>

When I inspect the <a> element, it's missing its onclick (and contenteditable attribute, although that is not critical.)

If I manually recreate the onclick event in the DevTools, it works perfectly.

How can I stop it from being removed?

Hi team, 

I've created a `CustomScheulerEditItem` component to handle use cases when the user double clicks and item and when then move it.

However I've noticed that when clicking or double clicking an item, the `SchedulerEditItem` triggers the `onRelease` callback and then the `onClick` or `onDoubleClick`.  Due to this behaviour, the action I need to complete onClick, never happens.

I have an example here in stackblitz (https://stackblitz.com/edit/react-nc1tnr?file=app%2Fmain.jsx), now I know that the `onClick` callback is working, but its being preceded by `onRelease`. Have I impl this incorrectly? please advise how I can ignore the `onRelease` when simply clicking on the Item.

Thanks,
Grant

Hey everybody,

would like to use Gantt control on a tablet. but there don't seem to be any touch events, nor can I scroll. Did I miss something?

Regards

I'm looking at the examples of virtualization found on https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/virtualization/

There is a problem at the main.jsx file, when you look at the full source you can see that the project was set up using outdated approach that defaults back to React 17 :https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis

Line that is outdated:

using the new Client Render API you will see that the scroll is glitching:
https://codesandbox.io/s/kendo-virtualization-problem-d4375s?file=/src/index.js

Hope someone has a simple solution?