Hey Progress,
We're loving KendoReact. Great work!
Regarding Ticket 1680673, would you please add more Flexbox properties to the StackLayout component? Especially justify-contnent: space-between;.
More specs available at https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content.
Regards,
Carey Best
This has to be similar to what we have in Kendo UI for jQuery:
https://demos.telerik.com/kendo-ui/dropdowntree/checkboxes
in latest v9.3.1 it appears GridFilterCell isn't passing properties shaped as 'isRequired' on DatePicker popupSettings
this does seem to be a regression because i just recently noticed it in latest upgrade which we need for other bug fixes.
i pursued patching myself by populating animate in GridFilterCell.mjs which seemed to work but then i got warning for the next required property "appendTo". however, populating appendTo yields warning "Warning: Failed prop type: Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed." so it's not easily reconcilable that way... therefore i tried removing isRequired on all 3 DatePicker popupSettings properties which of course avoided warnings and i didn't see any negative side effects.
here is a codesandbox repro minimally tweaked to include a date field from kendo grid's "getting started" demo: https://codesandbox.io/p/sandbox/cool-sanne-d4tp85
admittedly this is just a warning but it does create unnecessary noise in browser debug which detracts from issues truly requiring attention during development.
screenshot with the warning from that demo repro:
Hi,
I would appreciate if the GridColumnMenuCheckboxFilter will expose an event that can be intercepted when clicking the three dots.
Thank you.
Regards.
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
Test Environment:
OS: Windows_11Screen Reader: NVDA (2021.3)
Repro Steps:
1. Open URL: SMB Scheduler (agentcalendardevone.azurewebsites.net) page in Edge Browser.
7. Observe an issue that Incorrect role 'link' is defined on button controls.
Actual Behavior:
Incorrect role 'link' is defined on button controls present on 'Calendar' popup.
Expected Behavior:
In this case, the expected role is {button}. All components need a proper role attribute, ideally with semantics. In rare cases a role attribute should be added to give full context and information to assistive technology. Learn more by reading about when to use an aria role and the html/aria role mappings.
Environment Details:
OS: Windows11 version 21H2 (OS build 22000.856)
Edge Browser version: 104.0.1293.47
Repro steps:
1. Open Code Pen: https://codepen.io/m1mrt/pen/VwXjEzJ page in Edge Browser.2. Run Axe dev tools3. Observe an issue that select element has an accessible name.
Actual Result:Select element does not have an accessible name.
Expected Result:
All components need an accessible name, ideally using semantic elements and attributes. In rare cases, aria-label or aria-labelled by may be needed to alter the name.
Screenshot attachment:
We have problems with the grid because for no reason a 'display:none' appears, specifically in this creation action
We can't understand when the error might occur, we think it's a coincidence of class names.
Can you guide us through this error?
It is my first time raising a support contact so I don't know what background they can mostly support.Greetings and thank you very much
Actual Result:
While navigating in table, Narrator is not announcing as 'enter table' and it is also not announcing rows and column information. while navigating in table, With arrow keys or table navigation keys or tab key, Narrator is announcing as 'end of line/blank'.
With caps-arrow keys, Narrator is giving row and column information.
Expected
While navigating in table, Narrator should announce as enter table and it should also give row and column information. And while navigating with arrow keys or table navigation keys or tab key, Narrator should not announce as 'end of line/blank' instead it should give row or column information
I have attached files, in which there is an app bar content there is a dropdown in the dropdown there are four elements, in that I need four drawer container on the left side as I attached by clicking the single dropdown, how can I attach 4 drawer container in a single project
Thank you
- This issue is observed with all three screen readers.
- Same issue is observed in chrome browser as well.
- Turn on Screen Readers:
- Narrator: Win + Shift + Enter
- NVDA: Ctrl + Alt + N
- JAWS: Ctrl + Alt + J
- Verbosity:
- Narrator: Default
- JAWS: Beginner, Highest
- NVDA: Default
- Open the URL: Agora Home Page (PPE) in latest edge browser.
- Press tab key to move to the 'Save as' control present in the page and activate it using enter key.
- Save as dialog gets displayed.
- Press tab key to move to the 'workspace to be saved as in' edit field and activate it using 'Alt + down arrow key'.
- Enter any invalid data in the search edit field.
- Now Verify whether screen reader is announcing the search result information on giving invalid data in the search edit field in windows or not.
- This issue is observed with all three screen readers.
- Same issue is observed in chrome browser as well.
- Name is not properly defined for once control. Screen reader is narrating the name twice for the once control as "Once check box not checked report frequency: once"
Path: Home > Header > Reports > Schedule a report button > Schedule a Report pop-up.
Refer Attachment: Name is not properly defined for once control.png
- Turn on Screen Readers:
- Narrator: Win + Shift + Enter
- NVDA: Ctrl + Alt + N
- JAWS: Ctrl + Alt + J
- Verbosity:
- Narrator: Default
- JAWS: Beginner, Highest
- NVDA: Default
- Open the URL: Agora Home Page (PPE) in latest edge browser.
- Press tab key to move to the 'Alerts' control present in the page and activate it using enter key.
- 'Alert Definitions' page gets displayed.
- Press tab key to move to the 'Functions? Filter' control and activate it using 'Enter key'.
- Navigate through the radio buttons in the displayed popup using arrow keys and verify whether screen reader is announcing incorrect name for the radio buttons present in the filter dropdown in windows or not.
- Same issue repro on heading 'Workspaces & Dashboards' [appears on Home --> Header--> Hamburger menu--> Popup] (Refer Attachment: Note_1_Same issue repro on heading 'Workspaces & Dashboards'..mp4).
- Heading hierarchy is not sequential in the Home page.
- Turn on Accessibility insights for web extension.
- Navigate to the headings toggle control and turn it on.
- Open the URL: Agora Home Page (PPE) in latest edge browser.
- 'Agora home page (PPE)' will be displayed.
- Navigate to 'Hamburger' menu control using tab key and activate it using enter key.
- 'Workspace and dashboards' popup will be displayed.
- Navigate to 'Add dashboard' control in the list displayed using tab key and activate it using enter key.
- 'Create Dashboard' dialog gets displayed.
- Observe and verify whether visually appearing heading text 'Create Dashboard' in the dialog is not programmatically defined as heading or not.
- This issue is observed with (NVDA, JAWS and Narrator) using down arrow key/Tab key.
- Press F12 key to open the developer tool and inspect the code.
- Open URL: https://demos.telerik.com/kendo-ui/grid/filter-menu-customization in Edge browser.
- Navigate to the Filter icon present in the city/Title/Birth date column header.
- Press F12 to open Dev tool and inspect the code for Filter button.
- Observe whether correct role is defined for "Filter" button or not.
- Same issue is observed for the below two dialogs.
- Visually appearing heading 'Import Workspace' is not defined as heading programmatically. [Path: Home page-->activate 'Hamburger' menu-->Import workspace--> Popup] (Refer Attachment: Note_1_Visually appearing heading 'Create Workspace' is not defined as heading.png.)
- Visually appearing heading 'Create Workspace' is not defined as heading programmatically. [Path: Home page-->activate 'Hamburger' menu-->Add new workspace--> Popup] (Refer Attachment: Note_2_Visually appearing heading 'Import Workspace' is not defined as heading.mp4).
- Turn on Accessibility insights for web extension.
- Navigate to the headings toggle control and turn it on.
- Open the URL: Agora Home Page (PPE) in latest edge browser.
- 'Agora home page (PPE)' will be displayed.
- Navigate to 'Add a widget' control using tab key and activate it using enter key.
- Navigate to 'Mark down' control in the list displayed using tab key and activate it using enter key.
- 'Create text widget' dialog gets displayed.
- Observe and verify whether visually appearing heading text 'Create Text Widget' is programmatically defined as heading or not.
Environment (OS, Application, Versions)
- OS: Windows 11 Enterprise 22H2 (OS build: 22621.1992)
- Browser: Chrome Version 115.0.5790.102 (Official Build) (64-bit)
- URL: Column Menu - Kendo React (telerik.com)
- Matrix: Chrome+ JAWS.
Repro Steps
- Open URL: Column Menu - Kendo React (telerik.com)
- Navigate to context menu controls available on column headers of Basic usage table.
- Verify if context menu is accessible using keyboard.
Actual Results
The 'context menu' controls available on the column headers under the basic usage table are not accessible using the keyboard.
Expected Results
The 'context menu' controls available on the column headers under the basic usage table should be accessible using the keyboard.
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.
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-popup
````
Edit `src/App.js` and add this line:
```js
import '@progress/kendo-react-popup';
```