LouisMazel
[Issue][MazPhoneNumberInput] country select list obstructed inside a div that hides overflow
Describe the bug
If the MazPhoneNumberInput is inside a div with hidden overflow, then the country select list will be obstructed by that div.
A solution would be to make the select list use vue teleport to put the select list at the root of the dom.
See example screenshots below where it's used with Ionic Vue inside an ion-item element, which is basically a div with hidden overflow.
Screenshots
Hi @jacobg,
Yes, it will be fixed in V4. The popover component to handle this is already ready; I just need to finish the implementation.
Thanks :)
Amazing, thank you @LouisMazel ! I appreciate all your gracious help over the years. Best regards.
Hi @jacobg,
The v4 has been released 😊 Now the component uses the popover feature and component
By the way: The MazPhoneNumberInput has been renamed to MazInputPhoneNumber, and its properties API has changed a little bit.
The component documentation: https://maz-ui.com/components/maz-input-phone-number
If you are using IA, an MCP is available to help you: https://maz-ui.com/guide/mcp
A migration guide is available: https://maz-ui.com/guide/migration-v4
If you have any questions or comments, I would be happy to receive them.
Thank you for your loyalty over the years, and your feedback still very useful
@LouisMazel That's great news! Congratulations! Thanks so much! I'll check it out soon.