From eb24e8ffe422656e66cf8f829daad7e6b01cc033 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Sat, 6 Mar 2021 20:11:26 +0530
Subject: [PATCH] fix: Wrap excalidraw in position relative & hide scrollbars
 in zen mode (#3174)

* fix: wrap excalidraw in position relative so that host need not add it explicitly to fix positioning when non zero offsets

* patch version

* Hide scrollbars on excalidraw container

* remove overflow hidden from index.html since its handled in excalidraw container

* review fix

* update changelog
---
 public/index.html                    |  1 -
 src/components/App.tsx               |  4 ----
 src/css/styles.scss                  |  2 ++
 src/packages/excalidraw/CHANGELOG.md | 10 +++++++++-
 src/packages/excalidraw/package.json |  2 +-
 5 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index 2665eafa..0e7353a2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -116,7 +116,6 @@
         user-select: none;
         width: 100vw;
         height: 100vh;
-        overflow: hidden;
       }
 
       .visually-hidden {
diff --git a/src/components/App.tsx b/src/components/App.tsx
index cb65a860..efd03b96 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -414,8 +414,6 @@ class App extends React.Component<ExcalidrawProps, AppState> {
       zenModeEnabled,
       width: canvasDOMWidth,
       height: canvasDOMHeight,
-      offsetTop,
-      offsetLeft,
       viewModeEnabled,
     } = this.state;
 
@@ -433,8 +431,6 @@ class App extends React.Component<ExcalidrawProps, AppState> {
         style={{
           width: canvasDOMWidth,
           height: canvasDOMHeight,
-          top: offsetTop,
-          left: offsetLeft,
         }}
       >
         <LayerUI
diff --git a/src/css/styles.scss b/src/css/styles.scss
index 223eafaa..164230e2 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -8,6 +8,8 @@
 }
 
 .excalidraw {
+  position: relative;
+  overflow: hidden;
   color: var(--text-primary-color);
   display: flex;
   top: 0;
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index 5d0d992b..db2fe7b2 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -12,13 +12,21 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
-## Unreleased
+## 0.4.2
 
 ## Excalidraw API
 
 ### Fixes
 
+- Wrap excalidraw in position relative so host need not do it anymore & hide scrollbars in zen mode [#3174](https://github.com/excalidraw/excalidraw/pull/3174).
 - Reduce the scroll debounce timeout to `100ms` so `offsets` gets updated faster if changed when container scrolled [#3182](https://github.com/excalidraw/excalidraw/pull/3182).
+- Rerender UI on `renderFooter` prop change [#3183](https://github.com/excalidraw/excalidraw/pull/3183)
+
+## Excalidraw Library
+
+### Fixes
+
+- Temporarily downgrade browser-fs-access to fix legacy FS API [#3172](https://github.com/excalidraw/excalidraw/pull/3172)
 
 ---
 
diff --git a/src/packages/excalidraw/package.json b/src/packages/excalidraw/package.json
index 6ca24bb7..db03033e 100644
--- a/src/packages/excalidraw/package.json
+++ b/src/packages/excalidraw/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/excalidraw",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "main": "dist/excalidraw.min.js",
   "files": [
     "dist/*"