u

src/components/chat/ChatDrawer.jsx

@@ -112,7 +112,19 @@ export default class ChatDrawer extends PureComponent {
     }, delay);
   };
 
+  updateGutterClass(isOpen) {
+    if (typeof document === 'undefined') return;
+    const html = document.documentElement;
+    if (!html) return;
+    if (isOpen) {
+      html.classList.add('df-chat-open');
+    } else {
+      html.classList.remove('df-chat-open');
+    }
+  }
+
   componentDidMount() {
+    this.updateGutterClass(this.state.isOpen);
     if (this.state.isOpen) {
       if (chatAutomat.state.pendingInput != null) {
         this.focusInputAtEnd(150);
@@ -177,7 +189,14 @@ export default class ChatDrawer extends PureComponent {
     }));
   }
 
+  componentDidUpdate(prevProps, prevState) {
+    if (this.state.isOpen !== prevState.isOpen) {
+      this.updateGutterClass(this.state.isOpen);
+    }
+  }
+
   componentWillUnmount() {
+    this.updateGutterClass(false);
     if (this.focusTimeout) clearTimeout(this.focusTimeout);
     this.unsub?.();
     this.unsubSettings?.();
@@ -1605,7 +1624,9 @@ export default class ChatDrawer extends PureComponent {
           anchor="right"
           open={isOpen}
           onClose={this.handleClose}
+          disableScrollLock
           ModalProps={{
+            disableScrollLock: true,
             disableEnforceFocus: true,
           }}
           sx={(theme) => ({