[Fix] Toolbox prevents text selection (#2051)

* Add padding only to opened popover * Update version and changelog * Update docs/CHANGELOG.md Co-authored-by: Ilya Moroz <[email protected]> * Use pointer event approach Co-authored-by: Ilya Moroz <[email protected]>
codex-team · May 6, 2022 · 8fec2e7 · 8fec2e7
1 parent f2b19cc
commit 8fec2e7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+### 2.24.3
+
+- `Fix` — Issue with toolbox preventing text selection fixed
+
 ### 2.24.2
 
 - `Fix` — Scrolling issue when opening toolbox on mobile fixed

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@editorjs/editorjs",
-  "version": "2.24.2",
+  "version": "2.24.3",
   "description": "Editor.js — Native JS, based on API and Open Source",
   "main": "dist/editor.js",
   "types": "./types/index.d.ts",

diff --git a/src/styles/popover.css b/src/styles/popover.css
@@ -10,6 +10,7 @@
   box-sizing: border-box;
   flex-shrink: 0;
   max-height: 0;
+  pointer-events: none;
 
   @apply --overlay-pane;
 
@@ -19,6 +20,7 @@
   &--opened {
      opacity: 1;
      max-height: 270px;
+     pointer-events: auto;
      animation: panelShowing 100ms ease;
 
      @media (--mobile) {