Cannot select + SHIFT to select bulk text
I believe I have tracked this down to being a conflict with the ability to select multiple blocks at the same time. Commenting out on line 539 in /src/editor/model/Editor.ts seems to prevent the selected text from clearing. I'm now looking for a way to permanently fix this.
Read full answer below βQuestion
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 131.0.6778.109 (Official Build) (64-bit) Reproducible demo link https://grapesjs.com/demo-newsletter-editor Describe the bug How to reproduce the bug?Place the mouse pointer at the starting position of the text you want to select.Press and hold the SHIFT key.Move the mouse pointer to the desired endpoint of the text selection. What is the expected behavior? The selected text should automatically have a highlighted background indicating it has been selected. What is the current behav...
Answers (2)
I believe I have tracked this down to being a conflict with the ability to select multiple blocks at the same time. Commenting out on line 539 in /src/editor/model/Editor.ts seems to prevent the selected text from clearing. I'm now looking for a way to permanently fix this.
You've encountered a common issue where text selection in the GrapesJS Rich Text Editor (RTE) does not visually highlight the selected text, even though the selection itself is functional (e.g., you can copy the text). This behavior is reproducible in the official demo and indicates a styling confl...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4333
Uncaught TypeError: Cannot read properties of null (reading 'ownerDocument')
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium 101.0.4951.64 (Official Build) sn...
Issue #3861
JS error when press "s" or "w" key - Cannot read properties of undefined (reading 'indexOf')
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 94.0.4606.81 (Official Buil...
Issue #4440
Extending text component breaks textable blocks
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 102.0.5005.115 (Official Build) (64-...
Issue #4000
Pasting a component in root body layer throws TypeError
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v89 Reproducible demo link https://...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βRelated tutorials
In-depth guides on the same topic.
Tutorial
PageKit: the GrapesJS application you'd have to build anyway
A source-available Next.js app around the open-source GrapesJS core β publishing, custom domains, leads, checkout and a plugin loader.
Tutorial
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
Tutorial
Messaging on gjs.market: talk to a studio before you buy, not after
We've launched private messaging between buyers and studios. One thread per buyerβstudio pair, the whole history in one place.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.