From 675c153d2856a927825deadc0c3e2330df5847a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20B=C3=BCrk?= <stefan@buerk.tech>
Date: Mon, 6 Jul 2026 09:37:23 +0200
Subject: [PATCH] [BUGFIX] DPL-158: Fix CKEditor modal tabs for TYPO3 v14

TYPO3 v14 replaced the Bootstrap tab handling with the dedicated
`@typo3/backend/tab.js` module. Its canonical markup uses a
`data-typo3-tab` attribute on the tab button instead of the former
`data-bs-toggle="tab"` / `data-bs-target` combination.

The DeepL Write CKEditor modal still used the Bootstrap markup, so
switching between the `Style` and `Tone` tabs no longer worked in
TYPO3 v14.

Adopt the v14 tab markup in the version specific
`Resources/Private/Core14/Backend/Templates/CkEditor/Edit.html`
template, matching the core `Tabs.fluid.html` partial. The TYPO3
v13 template keeps the Bootstrap markup.
---
 .../Core14/Backend/Templates/CkEditor/Edit.html        | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/Resources/Private/Core14/Backend/Templates/CkEditor/Edit.html b/Resources/Private/Core14/Backend/Templates/CkEditor/Edit.html
index 367031f..e54b22f 100644
--- a/Resources/Private/Core14/Backend/Templates/CkEditor/Edit.html
+++ b/Resources/Private/Core14/Backend/Templates/CkEditor/Edit.html
@@ -15,9 +15,8 @@
             <li role="presentation" class="t3js-tabmenu-item nav-item">
                 <button
                     class="nav-link active"
-                    data-bs-toggle="tab"
-                    data-bs-target="#DPLWRITE-format-1"
-                    aria-controls="#DPLWRITE-format-1"
+                    data-typo3-tab="#DPLWRITE-format-1"
+                    aria-controls="DPLWRITE-format-1"
                     role="tab"
                     aria-selected="true"
                 >
@@ -27,9 +26,8 @@
             <li role="presentation" class="t3js-tabmenu-item nav-item">
                 <button
                     class="nav-link"
-                    data-bs-toggle="tab"
-                    data-bs-target="#DPLWRITE-format-2"
-                    aria-controls="#DPLWRITE-format-2"
+                    data-typo3-tab="#DPLWRITE-format-2"
+                    aria-controls="DPLWRITE-format-2"
                     role="tab"
                 >
                     <f:translate key="LLL:EXT:deepl_write/Resources/Private/Language/locallang_cke.xlf:cke.modal.heading.tone"/>