Full screen combobox popup

Question

Hi Team,I am using <ejs-combobox> in my angular 8 application. In mobile, the Combobox popup position is misbehaving. So I want Combobox popup in fullscreen as multiselect popup in mobile. Please help me with that and provide me the same functionality in Combobox too as multiselect for mobile.Warm regardsNagendra Gupta

Ponmani Murugaiyan · Accepted Answer

Hi Nagendra, 

Thanks for the update. 

In ComboBox component with enabled filtering option, we can type a character in the input to filter the items from the options list. So, even though we achieve full screen popup mode on a mobile device, the popup would be full screen on its own, with the input behind it as per component intended behaviour. 

But in Dropdownlist component, the input will be non-editable. So, if we enable the allowFiltering property, the filter input will appear inside the popup, allowing us to filter the items. When we open the popup on a mobile device, it will be in full screen mode with filtered input, as seen in the screenshot below. So, in order to achieve your requested scenario in mobile device, we suggest you to use the DropDownList component with enabling allowFiltering property. We have prepared sample and attached below for your reference. 

Sample                : https://stackblitz.com/edit/angular-s8t2kc-kyrhu7?file=app.component.ts 

For more information regarding the Dropdownlist component, please find the demo, documentation and API link below for reference. 

Demo                   : https://ej2.syncfusion.com/angular/demos/#/material/drop-down-list/filtering 

Documentation : https://ej2.syncfusion.com/angular/documentation/drop-down-list/filtering/ 

API                       : https://ej2.syncfusion.com/angular/documentation/api/drop-down-list/#allowfiltering 





  

Regards, Ponmani M

Ponmani Murugaiyan · Answer

Hi Nagendra, 

Greetings from Syncfusion support. 

We would like to inform you that, full screen popup is supported only for search filter with separate inputs like DropDownlist component with enabled filtering property. So, we suggest you to use the DropDownList component to achieve your requirement. 

Regards, 
Ponmani M

Nagendra Gupta · Answer

Hi Team,Can you please provide in angular EJS-Combobox ?

Ponmani Murugaiyan · Answer

Hi Nagendra, 

Thanks for the update. 

Currently we are checking the reported requirement with ComboBox component. We will update further details in 2 business days. We appreciate your patience until then. 

Regards, 
Ponmani M

Nagendra Gupta · Answer

Hi Ponmani,Still waiting for your positive response.

Ponmani Murugaiyan · Answer

Hi Nagendra, 

Sorry for the delay. 

As per our previous update, full screen popup is supported only for search filter with separate inputs like DropDownList component with enabled filtering property alone. For “full screen popup mode in mobile device for ComboBox component”, we have override our source code to achieve your reported requirement. Please find the sample below for reference. 
Sample: https://stackblitz.com/edit/angular-bhyjr6-yvn2sq?file=app.component.ts 

Kindly check with the above sample meets your requirement. Please get back us if you need further assistance. 

Regards, 
Ponmani M

Nagendra Gupta · Answer

Hi Nagendra,

Sorry for the delay.

As per our previous update, full screen popup is supported only for search filter with separate inputs like DropDownList component with enabled filtering property alone. For “full screen popup mode in mobile device for ComboBox component”, we have override our source code to achieve your reported requirement. Please find the sample below for reference. 
Sample: https://stackblitz.com/edit/angular-bhyjr6-yvn2sq?file=app.component.ts

Kindly check with the above sample meets your requirement. Please get back us if you need further assistance.

Regards, 
Ponmani M Hi Ponmani M,Thanks for the solution of full screen combobox in mobile as per my requirements, But in full screen combobox on mobile search is missing. I want fullscreen combobox with search on top as combobox filtering in desktop mode. Please find the search missing snap attachment below.Attachment: fullscreenMobile_3fe8a43d.zipWarm RegardsNagendra Gupta

Nagendra Gupta · Answer

Hello TeamI appreciate your quick response but we want search feature in combobox in mobile mode.I request you to please solve my problem as soon as possible.

Ponmani Murugaiyan · Answer

Hi Nagendra, 

Thanks for the update. 

As per the ComboBox component intended behaviour, we could not achieve filter input within popup since it already contains the editable input and we can filter using that input. Also we would like to know that your exact requirement “Full screen popup in mobile mode with filter input” can be achieved using DropDownList component, which has the similar features and functionality as like ComboBox component. So that we suggesting you to use Dropdownlist to meet your requirement. 

In addition, can you describe the issue or problem you are facing with the dropdownlist component, as well as what features it lacks in DropDownList when compared to the ComboBox. If so, please share the details with us and we will assist you in resolving with dropdownlist. 

Regards, Ponmani M