Issue #6271Opened October 25, 2024by padcom1 reactions

BUG: Drag and drop of components doesn't work on latest Firefox

Question

GrapesJS version

  • I confirm to use the latest version of GrapesJS

What browser are you using?

Firefox 131.0 (64-bit) on Linux and Mac

Reproducible demo link

https://grapesjs.com/demo

Describe the bug

How to reproduce the bug?

  1. Start dragging the "Hover me" button
  2. Try to put it above the "All text blocks could be edited easily..."

What is the expected behavior?

  • The button can be dropped anywhere
  • The layer manager can be used to reorganize elements

What is the current behavior?

  • The button can be only dropped at the beginning of the container
  • Dragging within the layer manager has the same limitation

Code of Conduct

  • I agree to follow this project's Code of Conduct

Answers (3)

padcom• October 31, 20241 reactions

You guys are awesome! And not a moment too soon :) I have a presentation Today in the afternoon and now I'll be able to show it working on Firefox too!

padcom• October 25, 20240 reactions

I've tracked down the breaking change in Firefox to version 109.0. It's the first one that has the problem. Version 108.0.2 works fine. Hope that helps.

padcom• October 25, 20240 reactions

I have also tested 133.0a1 nightly from 2024-10-24-21-16-15-mozilla-central and the problem is also there.

Related Questions and Answers

Continue research with similar issue discussions.

Issue #5079

BUG: Crash when dragging into nested components with Vue+Vite.

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 112.0.2 (64-Bit) Reproducible demo...

1 answersUpdated May 3, 2023

Issue #5268

BUG: autoplay for youtube or vimeo doesn't work

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v115 Reproducible demo link https:/...

2 answersUpdated August 2, 2023

Issue #6324

BUG: sorter.setDragHelper is not a function on block drag

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? 131.0.6778.86Reproducible demo link https://...

3 answersUpdated December 18, 2024

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-...

3 answersUpdated June 20, 2022

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

PresetsPluginsComponentsBlocksAssetsCommandsI18nLayersStylesStoragesRTENewslettersWeb pagesSite builders