Describe the bug
On some mobile devices we are experiencing a white bar behind the chat widget that is restricting viewing the bottom of the screen. It is not happening on all devices, but we've verified it happens on:
Pixel 6 Android 13 with Chrome browser version 108
iPhone 14 with Safari
iPhone 12 Mini with Safari
To Reproduce
Steps to reproduce the behavior:
Install the @livechat/widget-react package
Add the plugin to the App.tsx page.
Here's an example of how/where we add the widget
`function App() {
return (
);
}`
Start App
Notice the white bar across the bottom of the screen
Expected behavior
We expected the widget to float above the components instead of taking up the entire row.
Screenshots
Desktop (please complete the following information):
No issues here :)
Smartphone (please complete the following information):
Pixel 6 Android 13 with Chrome browser version 108
iPhone 14 with Safari
iPhone 12 Mini with Safari
Please let me know if you need any additional information and I'll be happy to provide it.
Describe the bug On some mobile devices we are experiencing a white bar behind the chat widget that is restricting viewing the bottom of the screen. It is not happening on all devices, but we've verified it happens on:
To Reproduce Steps to reproduce the behavior:
); }`
Expected behavior We expected the widget to float above the components instead of taking up the entire row.
Screenshots
Desktop (please complete the following information): No issues here :)
Smartphone (please complete the following information):
Please let me know if you need any additional information and I'll be happy to provide it.
Cheers, Jeremy