Search and Top Navigation
#15325 new bug ()
Opened December 19, 2018 05:17AM UTC
Last modified December 19, 2018 05:19AM UTC
Tabbing is not working on date picker.
| Reported by: | surenderk2009 | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | none |
| Component: | ui.datepicker | Version: | 1.12.1 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
There is an input field accepting the date value and the date picker button is next to it which is created by jquery (because of javascript code i added, please refer the code in jsbin). If I click on the date picker button, the calendar opens but the cursor sets the focus on the input field instead of going inside the calendar, meaning on press of tab key the focus never goes inside the calendar i.e. i'm unable to navigate inside the calendar using tab key. This started happening since I upgraded jquery version to 3.3.1 and jquery-ui version to 1.12.1. Please see if you can help.
Following is the jsbin link for test case:
Attachments (0)
Change History (1)
Changed December 19, 2018 05:19AM UTC by comment:1
| description: | There is an input field accepting the date value and the date picker button is next to it which is created by jquery (because of javascript code i added, please refer the code in the end). If I click on the date picker button, the calendar opens but the cursor sets the focus on the input field instead of going inside the calendar, meaning on press of tab key the focus never goes inside the calendar i.e. i'm unable to navigate inside the calendar using tab key. This started happening since I upgraded jquery version to 3.3.1 and jquery-ui version to 1.12.1. Please see if you can help. \ \ Following is the jsbin link for test case: \ https://jsbin.com/tulayil/edit?html,js,output \ → There is an input field accepting the date value and the date picker button is next to it which is created by jquery (because of javascript code i added, please refer the code in jsbin). If I click on the date picker button, the calendar opens but the cursor sets the focus on the input field instead of going inside the calendar, meaning on press of tab key the focus never goes inside the calendar i.e. i'm unable to navigate inside the calendar using tab key. This started happening since I upgraded jquery version to 3.3.1 and jquery-ui version to 1.12.1. Please see if you can help. \ \ Following is the jsbin link for test case: \ https://jsbin.com/tulayil/edit?html,js,output \ |
|---|