Support Article
Focus moves inappropriate after entering the calendar details.
SA-728
Summary
When using accessibility, accessible user is unable to select a date from the Calendar control when onChange event & 'Refresh the Section' behavior is applied on the control. Focus moves inappropriately.
Error Messages
No Errors, but the focus moves inappropriately
Steps to Reproduce
Add a Calendar contol to Section rule, apply onChange 'Refresh this Section' on the calendar control in accessible framework.
Login to portal as accessible user, select date, focus moves back when the user selects the date.
Root Cause
Calendar splits up into three drop downs (Month, Date, Year) when accessed using 508 (accessibility) ruleset, this is an expected behavior in accessibility.
Due to this, onChange 'Refresh this Section' fires when user selects values from each of the drop down. When the section refreshes, focus goes to the first input element on the section.
Resolution
This is an known limitation in the Accessibility framework. As a local change, consider doing the below -
Move the calendar control to a separate section e.g. DateSection, remove onChange event from the Calendar control. Include DateSection into main section and apply 'Refresh When' on the cell containing DateSection.
OR
Remove OnChange event from the Calendar control and add a button next to it and apply click event on button control.
Published June 12, 2015 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.