Completed
Last Updated: 22 Aug 2022 14:15 by ADMIN
eDAD
Created on: 16 Aug 2022 08:13
Category: Scheduler
Type: Bug Report
0
Focus indicator is not visible on controls "Mon,30," , "Tue,31", "Wed,1", etc.

Test Environment:

OS: Windows_11
Version: 21H2
OS Build: 22000.795
Browser: Version 103.0.1264.71 (Official Build) (64-bit)

URL: https://demos.telerik.com/aspnet-ajax/scheduler/examples/overview/defaultcs.aspx

Repro Steps:
1. Open URL: https://demos.telerik.com/aspnet-ajax/scheduler/examples/overview/defaultcs.aspx page in Edge Browser.

2. In the calendar, TAB through the controls "Mon, 30", "Tue, 31", "Wed, 1", etc.

3. Observe the issue that the controls do not display a focus outline when they receive focus. 

Actual Behavior:

Focus indicator is not visible on the controls, "Mon, 30", "Tue, 31", "Wed, 1", etc.

Expected Behavior:

Focus indicator(s) must be clearly visible on each interactive element when navigating the page using the tab key.


 


1 comment
ADMIN
Peter Milchev
Posted on: 22 Aug 2022 14:15

Hi,

The native outline styles are intentionally removed so the appearance of the controls stays consistent across browsers:

.RadScheduler a, 
.RadScheduler input, 
.RadScheduler select, 
.RadScheduler textarea {
    outline: 0;
}

 

The following style could be used to control the appearance of the links when they are focused:

<style>
  .rsDateHeader:focus { 
       outline: 1px solid green;
   }     
</style>

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/.