Issue #4015Opened December 15, 2021by YairNa0 reactions

BUG: Drag and drop not working well in case of RTL

Question

GrapesJS version

  • I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome v96

Reproducible demo link

https://jsfiddle.net/emgbo8k1/3/

Describe the bug

How to reproduce the bug?

  1. add the 3 columns block to the canvas
  2. drag and drop in order to change the columns order

What is the expected behavior? The drag and drop should set the position correctly

What is the current behavior? The position of the columns after the drag and drop is not correct.

If is necessary to execute some code in order to reproduce the bug, paste it here below:

editor.getWrapper().addClass("gjs-wrapper");

editor.Css.setRule('.gjs-wrapper', {
  direction: "rtl"
});

I added the code in the JSFiddle too

Code of Conduct

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

Answers (2)

JSSaintFebruary 16, 20220 reactions

@YairNa @sridhar391 it's not a RTL issue. chrome browser only we have face this issue. Firefox is working properly.

Related Questions and Answers

Continue research with similar issue discussions.

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.