Open billynoah opened 2 years ago
Hi! Can you confirm this will also happen on latest 4.5.x?
No, it does not happen in 4.5. This ended up being the primary reason to move from snaps to a manual install. So although the issue is fixed in the newest version, all of your snaps users on the 3.x channel are likely affected.
This issue has come back as of 4.6.2
I wasn't sure if this is the appropriate place to open this ticket since the last release here appears to be almost a year old. Feel free to close if this issue belongs to https://github.com/RocketChat/Rocket.Chat.
Description:
When livechat widget loads a trigger message, the
element gets inline css added by some javascript in/livechat/rocketchat-livechat.min.js
anytime it is 480px wide or less:The javascript looks something like this:
This css does not get removed even after the trigger messgae is closed which causes the body to become unscrollable on mobile devices.
Additionally, the trigger causes
.rocketchat-widget
to get the following inline css which effectively overlays the entire screen and makes it impossible to click anything:Steps to reproduce:
1) Install livechat widget on a site per LIvechat installation script instructions 2) Add a "Trigger" under "Livechat Triggers" 2) Load a page on a mobile device or device with viewport width 480px or less 3) Once widget loads the trigger, body gets inline css
overflow: hidden; height: 100%; width: 100%;
which will not go away.Expected behavior:
I'm not sure what the purpose of this inline CSS is, but at the very least it should disappear once the message is dismissed. Expected behaviour is the body element should be scrollable and the widget should not inject CSS which interferes with usability.
Actual behavior:
Body element becomes unscrollable as shown in screenshot below:
Server Setup Information:
Client Setup Information
Additional context
n/a
Relevant logs:
n/a