Anchor links with hash navigation don't work in preview mode

Question

GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 143.0.7499.41 Reproducible demo link https://jsfiddle.net/mghzw41k/2/ Describe the bug On preview mode, anchor links with hash navigation (e.g., href="#section") don't work. The default browser navigation behavior is prevented, even though preview mode should (I think) allow normal page interactions. How to reproduce the bug? Initialize GrapesJS editor Add content with an anchor link pointing...

doudou673 · Accepted Answer

I encountered the same problem.

GJS Helper · Answer

The issue you're experiencing with anchor links (hash navigation) not working in GrapesJS preview mode is a common behavior stemming from how GrapesJS handles interactions within its canvas. In editing mode, GrapesJS intercepts click events on elements, especially links, to prevent navigation and instead allow for component selection and manipulation. While this is essential for the editor's functionality, this event prevention can sometimes persist or interfere with native browser behaviors ev...

Anchor links with hash navigation don't work in preview mode

Question

Answers (2)

Related Questions and Answers

Possible upgrade path issue where 'textnode' is now called 'wrapper' from 0.18 -> latest

GetHtml() producing invalid structure when there is js inside it

Cannot drag drop in mobile screen even add grapejs-touch

Missing inline styles used by CKEditor when adding raw html components

Paid Plugins That Match This Issue

Browse Plugin Categories