From 8fe14be294620bad52e24bbf2b532580efb09ffe Mon Sep 17 00:00:00 2001
From: Daniel Cohen Gindi <danielgindi@gmail.com>
Date: Wed, 15 Apr 2026 09:08:10 +0300
Subject: [PATCH] cleanup old rtl residue - do not apply direction to
 grid-stack-rtl

^ Conflicts:
^	src/gridstack.scss
---
 demo/right-to-left(rtl).html | 7 ++++++-
 src/gridstack.scss           | 7 -------
 src/types.ts                 | 2 +-
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/demo/right-to-left(rtl).html b/demo/right-to-left(rtl).html
index 8c7f28a68..56ed76714 100644
--- a/demo/right-to-left(rtl).html
+++ b/demo/right-to-left(rtl).html
@@ -32,7 +32,12 @@ <h1>RTL Demo</h1>
       {x: 6, y: 0, w: 2, h: 2},
     ];
     items.forEach((item, i) => item.content = 'item ' + i);
-    let grid = GridStack.init({rtl: true, children: items});
+    let grid = GridStack.init({
+        rtl: true,
+        float: true,
+        children: items,
+        resizable: {handles: 'sw,se'}
+    });
 
     function addWidget() {
       let w = {
diff --git a/src/gridstack.scss b/src/gridstack.scss
index 3bcb8e05e..d530cfa7b 100644
--- a/src/gridstack.scss
+++ b/src/gridstack.scss
@@ -9,13 +9,6 @@
    position: relative;
  }
 
- .grid-stack-rtl {
-   direction: ltr;
-   > .grid-stack-item {
-     direction: rtl;
-   }
- }
-
  .grid-stack-placeholder > .placeholder-content {
    background-color: rgba(0,0,0,0.1);
    margin: 0;
diff --git a/src/types.ts b/src/types.ts
index 056957be9..8de253af0 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -354,7 +354,7 @@ export interface GridStackOptions {
   row?: number;
 
   /**
-   * if true turns grid to RTL. Possible values are true, false, 'auto' (default?: 'auto')
+   * if true turns grid to RTL, and applies the `grid-stack-rtl class`. Possible values are true, false, 'auto' (default?: 'auto')
    * See [example](http://gridstack.github.io/gridstack.js/demo/right-to-left(rtl).html)
    */
   rtl?: boolean | 'auto';