web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Select drop down menu ...
Power Apps
Unanswered

Select drop down menu option with keyboard arrow keys

(2) ShareShare
ReportReport
Posted on by 6

Good day all,

this is doing my head in and I can't understand how I may be doing it wrong. The problem is I have a number of drop down menus on a form. The users can tab into each field and they can use the keyboard to type in text in the text fields. However, they can't use the keyboard (arrow keys) to select an option in drop down menus. They can hit space or enter to display the available options, but the arrow keys do nothing. The users have to click on one of the options with the mouse.

I use ClearCollect to populate the drop down menus at the App OnStart, for example: 

ClearCollect(reportedSource,
{
    Text: "Web" 
});
I thought maybe that was the reason and so I moved my items in the drop down menu's Items formula like so ["Web"] but no joy.
(there are other options in the ddl, I just added one here to illustrate)
 
UPDATE: This seems to happen after you select "AllowEmptySelection". If you leave "AllowEmptySelection" as false, it works fine, but if you change to true, it seems that it breaks keyboard accessibility.
UPDATE: I've double checked. The aforementioned behaviour happens as soon as you enable "AllowEmptySelection". While using the form, you can use the arrow keys to select an option in the drop down menu AFTER you've first clicked (with the mouse) on one of the available options. This seems to enable the arrow keys to go up and down to the other options. I feel this is a bug (?) but I don't know how to submit it for consideration. Unless someone knows of a way to overcome this issue. 
 
Anyone has any pointers for me?
 
Thank you.
reportedSource.png
Categories:
  • AaronRichardson Profile Picture
    148 on at

    I have just encountered this exact issue. I noticed that if the options open downward, the arrow keys seem to work fine for navigating through the options. But if the options open upward, the arrow keys no longer work (unless, as you've correctly pointed out, the AllowEmptySelection property is set to true).

  • AaronRichardson Profile Picture
    148 on at

    @ZT If you're still wondering about this issue, I've found a way to solve the issue. I have a post about it here.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 409 Super User 2026 Season 2

#2
Mohsin Ali Profile Picture

Mohsin Ali 328

#3
WarrenBelz Profile Picture

WarrenBelz 252 Most Valuable Professional

Last 30 days Overall leaderboard