Progress® Kendo UI® for jQuery Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 11 Jan 2023 08:06 by ADMIN
Matthew
Created on: 06 Jan 2023 11:48
Category: DropDownList
Type: Bug Report
1
DropdownList popup does not close on enter after navigating between inputs

Bug report

When navigating between inputs and after using Shift+Tab for focusing on a previous input the DropdOwnList popup does not close on pressing 'Enter' key.

Reproduction of the problem

  1. Open Dojo
  2. Focus the text input
  3. Press Tab to focus the DropDownList
  4. Press shift-tab to focus the text input
  5. Press again Tab to focus the DropDownList
  6. Press Alt+down to expand the dropdown
  7. Press the down arrow to select an option in the dropdown
  8. Press Enter key

Current behavior

The popup does not close. If we directly focus the DropDownList and follow steps 6-8 the popup will close.

Expected/desired behavior

The DropDownList should close when pressing the 'Enter' key.

Environment

  • Kendo UI version: 2022.3.1109
  • Browser: [all]
1 comment
ADMIN
Neli
Posted on: 11 Jan 2023 08:06

Hello,

Possible workaround of the item:

open: function(e){
      setTimeout(function(){ 
            $('.k-popup').on('keydown', function(e){
                if(e.keyCode == 13){
                    $("#products").data('kendoDropDownList').close()
                }
           })
      })
},

A Dojo where the workaround is implemented.

Regards,
Neli
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/.

Create an account Log In
View
Type
Status
Category