We are not able to find where is stored the information about which events are selected. We have found information about overloading the Scheduler prop editItem with a CustomEditItem and overriding this event to detect when a task is selected.
const handleClickAction = (event) => [
{
type: event.syntheticEvent.shiftKey
? ITEMS_SELECT_ACTION.add
: ITEMS_SELECT_ACTION.select,
},
];
With this we could detect when a certain event is selected. But we are still missing the part about when they are unselected. If we click outside the events, we get the selection removed, but we have no way to detect the event of this, and therefore we can't update our list of selections.
Can you give us support on how we can get the information about the selections, and keep it updated at all times? Thank you,
- open the given URL using valid credentials.
- Navigate to 'Reply' button and invoke it.
- Navigate to 'table' button and invoke it.
- Now, try to navigate to table cells to select the size of the table and observe
Actual Result:
After invoking 'table' button, user is unable to select the size of the table i.e, Keyboard focus is not going to 'Insert row and column cell components.
Tab index property is not defined.
Expected
Control(s) must be accessible to keyboards and other assistive technology. Common causes of this problem include a) the element does not have a proper role assigned, b) the element needs tab-index="0" attribute to be focusable, or c) the component is not registering keypresses.
User should be able to navigate to insert row and column cell components to select the size of the table.
User Impact
When interactive components are not accessible, assistive technology users are blocked, which leads to everything from inaccessible content, features, and functionality, up to entire applications or sites.
in the provided video, an example of the unordered list has been taken up. But the same is applicable to the numbered list as well.
When a user tries to add a new point to an unordered list in a new line and then clicks the backspace, the unordered list remains. Pressing 'Enter' to start a new line shows the unordered list bullet points again.
Can we update it so that on Pressing backspace to remove the unordered/ordered list should delete it entirely and should not leave any highlighting in the description box editor field.
video : https://www.loom.com/share/480debbe4f2648339ecb80cd9b6ed853?sid=3914f5dc-f477-4afd-a55d-df4a26603da7
please go through video where i have provided , example of current behavior and expected behavior
The KendoReact Spreadsheet component has been released.
There are a few features that are missing compared to the jQuery version, and filtering rows based on column filters is one of them.
Until this feature is added (along with context menus), we won't be able to use the Spreadsheet component for what we need to build, so we will have to continue wrapping the jQuery component. The object provided by the spreadsheet ref can filter programatically based on the (undocumented in KendoReact's docs) `range.filter()` method, but this would take a lot of time to implement what the jQuery version already has.
How to get a selected object for AutoComplete's onChange(...)?
<AutoComplete data={[{id:10, name:"test"}]} textField="name"/>
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:
Today this is how a radiobutton is structured.
An improvement would be to nest the input inside the label, so it does what i said above, eg. :
<label>
<input type="checkbox" id="myCheckbox" name="myCheckbox">
Click me to toggle the checkbox
</label>
This would greatly enhance UX and is very common in web development.
https://stackblitz.com/edit/react-ze6brv?file=app%2Fmain.tsx
Environment (OS, Application, Versions):
OS Version: 22H2 (OS Build 25352.1)
Edge Dev: Version 121.0.2277.112 (Official build) (64-bit)
Repro Steps:
1. Open https://codepen.io/oneID/pen/LYaGREP and turn on NVDA.
2.Navigate to Populate grid and activate it using enter key.
3.Navigate to Expand button under domain in export to excel table.
4.Verify if the accessible name and role for the expand button is correct or not.
Actual Results:
Accessible name for the 'expand' button is not correct, Expand button is defined as link.
Expected Results:
Accessible name of 'expand' button should be sufficient for screen reader user. Accessible name should contain value available in domain as well.
Role should be defined as 'Button' as its behaving as button.
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.
In the kendo-react-data-tools component, we want to introduce the Autocomplete behavior in Fields.
For example, in the https://www.telerik.com/kendo-react-ui/components/datatools/ link, only 3 fields ( like Name, Price and Discontinued ) were used.
In our application, we have more than 100 fields and the user has to scroll all the way down to pick the required field for applying the filter.
Would love a prop to hideHeader on KendoReact grids!
For the same reasons that were enumerated in this 2017 Kendo Angular thread: https://github.com/telerik/kendo-angular/issues/285
- For shared grids that only need 1 header row
- For small grids that have sorting/filtering controls outside of the grid header
In Excel, you can group / ungroup rows AND columns. This is particularly useful for income statement reports. It would be great if Spreadsheet component can support the rendering of groups created in Excel and also allow groups to be created with the component.
Dear Sir/Madam,
I would like to disable the right part of a split button dynamically, so something like
<SplitButton rightDisabled={true} items={items} text="Disabled Button" />Obviously, when the value rightDisabled changes to false, the right part should be enabled again.
Regards,
Peter
When a Taskboard column overflows vertically or the columns overflow horizontally, there is no way for the user to drag a task card in a position that is not visible at the start of the drag in one smooth motion and one has to resolve to multiple drag 'n' drops and subsequent manual scrolls. Ideally when a card is being dragged over the borders of the overflown container, it should automatically scroll to bring the invisible elements into the viewport. Video of current behaviour is attached below, together with the requested behaviour.
React Server Components allow the developer to mix the fast server-side rendering with the interactivity of client-side JavaScript.
So far modern JS frameworks were explicitly operating on the client (with SSR being an optional feature). With server-components it's the opposite - RS Cs introduce a new mental model for building hybrid applications that leverage both the server and the client.
The main advantages of the React Server Components are that:
- Initial page load is faster;
- You can move the data fetching to the server;
- You can keep the large dependencies on the server;
- The client-side JavaScript bundle size is reduced;
Good Morning Team,
Ability to select columns and generate charts in spreadsheet like excel spreadsheet.
Insert charts, images in the spreadsheet similar to excel spreadsheet.
Thanks,
Ramkishore