Merge pull request #3571 from udecode/changeset-release/main

[Release] Version packages
udecode · Sep 23, 2024 · 177a05e · 177a05e
2 parents dbbef07 + e255fb1
commit 177a05e
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 44 deletions.
diff --git a/.changeset/witty-turkeys-fix.md b/.changeset/witty-turkeys-fix.md
diff --git a/packages/plate/CHANGELOG.md b/packages/plate/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @udecode/plate
 
+## 38.0.9
+
 ## 38.0.8
 
 ## 38.0.7

diff --git a/packages/plate/package.json b/packages/plate/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@udecode/plate",
-  "version": "38.0.8",
+  "version": "38.0.9",
   "description": "Plate – a plugin system for slate",
   "keywords": [
     "contentEditable",
@@ -91,7 +91,7 @@
     "@udecode/plate-reset-node": "38.0.1",
     "@udecode/plate-resizable": "38.0.0",
     "@udecode/plate-select": "38.0.1",
-    "@udecode/plate-selection": "38.0.7",
+    "@udecode/plate-selection": "38.0.9",
     "@udecode/plate-slash-command": "38.0.1",
     "@udecode/plate-suggestion": "38.0.1",
     "@udecode/plate-tabbable": "38.0.1",

diff --git a/packages/selection/CHANGELOG.md b/packages/selection/CHANGELOG.md
@@ -1,5 +1,48 @@
 # @udecode/plate-selection
 
+## 38.0.9
+
+### Patch Changes
+
+- [#3569](https://github.com/udecode/plate/pull/3569) by [@felixfeng33](https://github.com/felixfeng33) – Remove the Div rendered above the editor.
+
+  This div is to solve the issue of the browser's default scrolling behavior being too fast.
+
+  However, it caused some other issues and complicated configurations, such as being unable to focus on the editor when clicking the padding-right area.
+
+  If you think this issue is more important, you refer to the flowing code.
+
+  ```tsx
+    BlockSelectionPlugin.configure({
+      render: {
+        aboveEditable: ({ children }) => {
+      return ( <div style={{ position: 'relative', width: '100%' }}>
+        {/*
+         *select text then move cursor to the very bottom will trigger the default browser behavior
+         *this div is a workaround to prevent the default browser behavior (set userSelect: none)
+         *Make sure the div with is the same with the editor's padding-right
+         */}
+
+        {/* TODO: click to focus the node */}
+        <div
+          style={{
+            height: '100%',
+            position: 'absolute',
+            right: 0,
+            top: 0,
+            userSelect: 'none',
+            width: editorPaddingRight ?? 'max(5%, 24px)',
+            zIndex: 1,
+          }}
+          data-plate-selectable
+        />
+        {children}
+        </div>)
+    },
+      },
+    }),
+  ```
+
 ## 38.0.7
 
 ### Patch Changes

diff --git a/packages/selection/package.json b/packages/selection/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@udecode/plate-selection",
-  "version": "38.0.7",
+  "version": "38.0.9",
   "description": "Plate React plugin to add a visual way of selecting blocks",
   "keywords": [
     "plate",