Popup position when browser was resized

Question

Hello everyone,I have a problem with the ComboBox PopUp and I can replicate it on the documentation page.When I open a combobox in fullscreen browser, the popup shows me like this: But, when the popup was open and I resize the browser screen, it shows me like this:

As

you can see, the popup position change, do you guys have a possible solution

for this?

I'm thinking of calling the 'resize' event on my component and calling some method to close the popup when the windows was resized, but i'm not sure if it's the best way.Please let me know if you have a solution for this.Thanks!!Best Regards,

Ponmani Murugaiyan · Accepted Answer

Hi Kevin, 

Yes, your suggested way is correct to achieve your requirement, we also recommend the same to meet your goal. 

Sample: https://stackblitz.com/edit/angular-d6mwqn?file=app.component.ts 





onResize(event) { 
    (this.comboBoxObj as any).hidePopup(); 
} 

Regards, 
Ponmani M