You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Jun 30, 2022. It is now read-only.
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:
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:
Install livechat widget on a site per LIvechat installation script instructions
Add a "Trigger" under "Livechat Triggers"
Load a page on a mobile device or device with viewport width 480px or less
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:
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:
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
The text was updated successfully, but these errors were encountered: