24
Views
1
Comments
[Drop Down Search] Auto-focus on the first matching item in a Dropdown Search based on user input
drop-down-search
Reactive icon
Forge asset by Kishore
Application Type
Reactive

Hi,
I need to group a dropdown without search functionality In Reactive Application. 

In this case, I am using the OutSystems search dropdown and hiding the search input by removing the element in the "On Ready" event.

(https://personal-okokzzrp.outsystemscloud.com/Custom_Grouped_Dropdowns/DropdownSearch?_ts=638595378094518793)

 I also tried setting the search wrapper's class to display: none, 

which successfully hides the search wrapper. 

However, I'm encountering an issue: when I open the dropdown, the dropdown list items do not automatically focus based on keypress.



 For example, when I press "L", there is no response. 

I expect the functionality to be similar to a standard OutSystems dropdown, 


(https://personal-okokzzrp.outsystemscloud.com/Custom_Grouped_Dropdowns/Dropdown?_ts=638595377765429840)


where the dropdown list item is automatically focused based on the keypress value.

 I also tried using the DropdownWithGroupedItems forge component, 

(https://personal-okokzzrp.outsystemscloud.com/Custom_Grouped_Dropdowns/GroupedDD?_ts=638595378589846103)


which utilizes the Choices library, but it exhibits the same issue. 

Could anyone kindly offer suggestions for resolving this issue? 

I have attached my OML for reference 

Custom_Grouped_Dropdowns.oml
2020-07-21 19-28-50
Rajat Agrawal
Champion

Hi @Dhineshkumar B,

What exactly you are looking in that can you please more little bit explain. I am not getting you.

So, I can help you!


Regards,

Rajat


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.