HubSpot meeting widget issue on mobile

[Fdev0]

Hi there,

I have embed the HubSpot meeting widget in my react project via an iframe and I am experiencing unexpected behaviour on some mobile devices where text fields shrink or parts of the page get cut off (device examples: iPhone XS and android Samsung S21). It happens regardless of height and width - even when I set both to 100%, the issue persists. Here is a video example below. 

video: https://streamable.com/2gcl25

The same issue also occurs in my react project when simply wrapping text/a button in an a tag so the hubspot widget integration opens in a new page. In this case none of my styles are applied so it seems to be an issue with the HubSpot widget in mobile itself.

video: https://www.veed.io/view/769f06ac-1ec0-41f1-b6eb-88551e93bcea?sharingWidget=true 

Any help would be very appreciated!

[Jaycee_Lewis]

Hey, @Fdev0 👋 Thank you for including those details. @miljkovicmisa @K3nsimple @Teun @EmilianoV, do you have any wisdom you can share with @Fdev0?

Additionally, I found a few resources to get you started:

• React + Live Chat post answered by Milos 🙌
• HubSpot Developer React JS docs + link to repo for feedback (if needed)

Thank you! — Jaycee