[BUG][<Phone Input> Country list closes when clicking scroll bar inside the MODAL DIALOG]

[Paul Adrian Marquita]

Describe the bug
I'm using the phone input inside the MODAL DIALOG on bootstrap-vue, everytime I use the scroll bar the country selection list closes.

Expected behavior
The country selection list must not close.

Desktop:

• OS: Windows
• Browser Chrome
• Version 87.0.4280.88 (Official Build) (64-bit)

[Mazel]

HI @paul122297,

Can you share a reproduction link ?

• Fork this Codesandbox MazPhoneNumberInput Template
• It only remains to add bootstrap-vue and the modal

Same issue: #113

[Mazel]

Ok,

I already do the sandbox (MazPhoneNumberInput x BootstrapVue)

I see the bug. I will investigate and I will come back to you

[Paul Adrian Marquita]

Hi @LouisMazel,

I hope you found the solution for this bug.

Thank you

[Mazel]

So, after investigating, I don't have any solution for the moment:

There is a conflict between the blur event of <b-modal />and the blur event of <MazSelect /> (used in <MazPhoneNumberInput />)

Why not to use <MazDialog /> ? I don't have any bug with

• Documentation: Enjoy

[Paul Adrian Marquita]

Hello, thank you for assisting me with this issue. I will consider using your MazDialog.

[Paul Adrian Marquita]

Thank you for suggesting MazDialog. It works as expected now.

[Mazel]

Nice !

🔥