From cc5728676893c77602087735ff32a5c1bcf6d41b Mon Sep 17 00:00:00 2001
From: Benjamin Kott <benjamin.kott@outlook.com>
Date: Tue, 12 Sep 2023 10:49:50 +0200
Subject: [PATCH] [BUGFIX] Force ltr in svg tree

The svg tree is currently not usable in "rtl" languages,
to mitigate the issue and to provide a solution for are
forcing the ltr mode for now. This is not intended as a
permanent solution but makes the svg tree usable
again.

Resolves: #101901
Releases: main, 12.4
Change-Id: Ib8505d37f4d0bfbf2d439dcecc5104f112db9045
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/80995
Tested-by: Benjamin Franzke <ben@bnf.dev>
Reviewed-by: Benjamin Franzke <ben@bnf.dev>
Tested-by: core-ci <typo3@b13.com>
---
 Build/Sources/TypeScript/backend/svg-tree.ts                 | 1 +
 typo3/sysext/backend/Resources/Public/JavaScript/svg-tree.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/Build/Sources/TypeScript/backend/svg-tree.ts b/Build/Sources/TypeScript/backend/svg-tree.ts
index e238e47f3fc2..f02f6653c0b7 100644
--- a/Build/Sources/TypeScript/backend/svg-tree.ts
+++ b/Build/Sources/TypeScript/backend/svg-tree.ts
@@ -745,6 +745,7 @@ export class SvgTree extends LitElement {
         <typo3-backend-icon identifier="spinner-circle-light" size="small"></typo3-backend-icon>
       </div>
       <svg version="1.1"
+           direction="ltr"
            width="100%"
            @mouseover=${() => this.isOverSvg = true}
            @mouseout=${() => this.isOverSvg = false}
diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/svg-tree.js b/typo3/sysext/backend/Resources/Public/JavaScript/svg-tree.js
index 29e2a766beb6..876dd48a5c3d 100644
--- a/typo3/sysext/backend/Resources/Public/JavaScript/svg-tree.js
+++ b/typo3/sysext/backend/Resources/Public/JavaScript/svg-tree.js
@@ -15,6 +15,7 @@ var __decorate=function(e,t,s,i){var n,o=arguments.length,r=o<3?t:null===i?i=Obj
         <typo3-backend-icon identifier="spinner-circle-light" size="small"></typo3-backend-icon>
       </div>
       <svg version="1.1"
+           direction="ltr"
            width="100%"
            @mouseover=${()=>this.isOverSvg=!0}
            @mouseout=${()=>this.isOverSvg=!1}