Test Environment:
OS: Windows_11
Actual Behavior:
Focus moves on non-interactive controls.
Expected Behavior:
Focus shouldn't go to the non-interactive element in table content.
Hi,
You can hide the border outline using the following CSS class:
<style>
.RadGrid:focus {
outline: none;
}
</style>
or you can programmatically remove the tabindex="0" attribute from the Grid div wrapper element with this code:
<script>
function OnClientLoad(grid, args) {
if (grid.get_element().getAttribute("tabindex") == "0")
grid.get_element().removeAttribute("tabindex");
}
</script>
<telerik:RadGrid ClientSettings-ClientEvents-OnGridCreated="OnClientLoad" ID="RadGrid1" ...
Of course, if you have any suggestions on improving this behavior they are very welcome.
Regards,
Rumen
Progress Telerik
Adding latest behavior as a video proof and please find attachment.
Focus is moving on the non-interactive container.
Hello,
Could you please specify which controls that get the focus are non-interactive? The headers of the grid are interactive and if you press Enter while they have focus, you would trigger the sorting for the column.
Regards,
Peter Milchev
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.