BUG: Keyboard shortcuts/Keymaps not working
Question
Version: 0.17.22
Are you able to reproduce the bug from the demo?
- Yes
- No
I can't reproduce it in a demo however you can see it for yourself if log into Documint using the following credentials:
- Email: [email protected]
- PW: demo
then make a change to the template and try using ctrl+z
What is the expected behavior? Should be able to use mapped keyboard shortcuts (ie. ctrl+z) but they don't work.
What is the current behavior?
The keymaps are registered but they don't work. When I run keymaps.getAll() I get a list of all of the default keymaps. When I listen for a keymap to be emitted I get nothing. When I add a custom keymap (eg. alt+u) either through the config or adding it on init it doesn't fire either.
I'm really at a loss. Can anyone please help?
Are you able to attach screenshots, screencasts or a live demo?
- Yes (attach)
- No
Answers (3)
You were right, it wasn't React or GrapesJS. Event propagation was being stopped by the rc-drawer component I was using. @artf thanks for your help, this has been an issue from day one.
Hey @Joshmamroud we have this code that propagates keydown keyup keypress events to the parent document, this allows keymaps to work, ensure to not contain any code/component which prevents the propagation of those events.
Hey @artf, I believe it may be blocked by React. Any suggestions on how to re-bind these event listeners? Not even sure if that is the right solution or path.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4094
BUG: When drag and drop block into editor in Chrome, not able to drag and drop block
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 97.0.4692.71 (Official Build) (64-...
Issue #3131
BUG: Paste as plain text into Text component adds <font /> wrapper to pasted text
Version: 0.16.27 Are you able to reproduce the bug from the demo? [] Yes [X] No What is the expected behavior? Paste as plain text (text no...
Issue #3166
BUG: Problem with copy and paste a node
*Version:0.16.27 Are you able to reproduce the bug from the demo? [ ] Yes [ ] No What is the expected behavior? In the right panel and canv...
Issue #3063
BUG: Block Highlight Display Bug
Version: 0.6.18 You can get the version by typing grapesjs.version into the console Are you able to reproduce the bug from the demo? [ ] Ye...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.