Mobile Chat Widget shows up in wrong place on iPhone

Design help Custom code
3

Hi @webdev

The widget is Facebook chat widget native. Found in the opening body tag on most pages:
image

I have SDK and followed all instructions to a T.
Load Facebook SDK for JavaScript Ref Messenger Platform - Documentation - Meta for Developers
Chat Plugin - Messenger Platform - Documentation - Meta for Developers

This works as intended on Desktop Browsers and Android browsers but on iPhone 8 Plus and iPhone X, the chat notification is appearing on top (seemingly randomly)!

image
image1028×642 33.3 KB

Preload mesage on top = bad image

Preloaded message bottom = good

image
image412×644 75 KB

Thanks for looking into this!