I’m having trouble with
Wix Smart Chat creating a dead space on mobile.
Working in
Wix Editor
What I’ve tried so far
- Disabling the Quick Action Bar per-page in the mobile editor view (Unsuccessful)
- Exclude the page in the Smart Chat dashboard settings (Unavailable)
- Solution for now: Keep interactive buttons above the bar’s touch zone
Extra context
I’ve been noticing an issue where buttons near the bottom 50px or so of a page on mobile are unresponsive. Buttons have to be scrolled above a certain point to be usable.
I believe the cause of this is the Smart Chat widget. This widget becomes part of the Quick Action Bar on mobile. However even after hiding/collapsing the Quick Action Bar via Velo, this issue persists. Looking into it deeper, I notice the Smart Chat injects this div:
html
<div style="position: absolute; inset: 0px; z-index: 100000; cursor: pointer;"></div>
This transparent overlay has z-index: 100000 and inset: 0px, meaning it stretches to fill the bottom of the viewport and intercepts all touch/click events in that zone, even when the Quick Action Bar is collapsed or hidden via Velo. The element persists regardless of the parent’s visibility state.
Because this div is injected internally by the widget, it is unreachable via Velo’s $w() selector, and document manipulation is not permitted in the Velo sandbox. There is no programmatic way to remove or neutralize it.