Flickering UI when opening live chat widget using react widget package

[nathanwkwong]

Describe the bug
I am trying to implement livechat widget using @livechat/widget-react package to a website.

To Reproduce
I found that, after I selected visibility for the chat widget as "Always hide minimized widget icon" from the control panel (Settings > Chat widget > Customisation > Position), when I tried to open the widget (as captured in the video below at 0:08 and 0:12 seconds) with a button copied from control panel (Settings > ... > Chat buttons) and pasted to the html file for my working project, sometimes (may be 2 out of 10 more or less) the chat widget was opened with flicks (a flash before fully open).

Expected behavior
There should be no flicks when opening the widget.

Video Record
https://user-images.githubusercontent.com/55337066/174469814-374b62bf-2168-4f48-9f27-9429fe40fde3.mov

Environments:

• OS: iOS
• Browser Chrome (v102.0.5005.115)
• react (v17.0.2)
• @livechat/widget-react (v1.1.0)

I think this behaviour may be quite disturbing for users, is there any way to fix it? thanks for answering.

[walaszczykm]

Hello @nathanwkwong 👋
Thanks for the report. Sad to hear you have encountered an issue.

First of all the behavior of the LiveChat Chat Widget itself is not part of this library as it mainly focuses on the integration part between the widget and your framework of choice in the most pleasant way for developers 🙂

We are aware of the issue you have described and actively analyzing the problem seaking for the right solution. After fixing this behavior we will definitely post an update about the fix so stay tuned.

As for now, I will close this issue as it does not implicate any further actions in this project. Feel free to reopen it if you will feel this is necessary 🙂