From 222679e73d5877cb02b21782f6602b270bbc7c8d Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Thu, 20 Nov 2025 13:17:53 +0100
Subject: [PATCH 01/17] Remove the edit-share logic from the MediaBoard

---
 src/modules/feature/media-shelf/MediaBoard.vue | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/modules/feature/media-shelf/MediaBoard.vue b/src/modules/feature/media-shelf/MediaBoard.vue
index f75c876515..6db562914a 100644
--- a/src/modules/feature/media-shelf/MediaBoard.vue
+++ b/src/modules/feature/media-shelf/MediaBoard.vue
@@ -17,7 +17,6 @@
 					group: 'lines',
 					delay: 200,
 					delayOnTouchOnly: true,
-					disabled: isInEditMode,
 					ghostClass: 'sortable-drag-ghost',
 					chosenClass: isDesktop ? '' : 'sortable-chosen',
 					easing: 'cubic-bezier(1, 0, 0, 1)',
@@ -57,8 +56,6 @@ import { lineLimit, LineMove, useSharedMediaBoardState } from "./data";
 import MediaBoardAvailableLine from "./MediaBoardAvailableLine.vue";
 import MediaBoardLine from "./MediaBoardLine.vue";
 import MediaBoardLineGhost from "./MediaBoardLineGhost.vue";
-// eslint-disable-next-line @typescript-eslint/no-restricted-imports
-import { useSharedEditMode } from "@/modules/util/board/editMode.composable"; // FIX_CIRCULAR_DEPENDENCY
 import { MediaAvailableLineResponse, MediaBoardResponse } from "@/serverApi/v3";
 import { DeviceMediaQuery } from "@/types/enum/device-media-query.enum";
 import { extractDataAttribute } from "@util-board";
@@ -94,8 +91,6 @@ const {
 	createElement,
 } = useSharedMediaBoardState();
 
-const { isInEditMode } = useSharedEditMode();
-
 const onLineDragEnd = async (event: SortableEvent) => {
 	const { newIndex, oldIndex, item } = event;
 

From 8dce360f45d845c01466dc3858479bdc0e0beb3b Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Thu, 20 Nov 2025 13:28:46 +0100
Subject: [PATCH 02/17] Revert "Remove the edit-share logic from the
 MediaBoard"

This reverts commit 222679e73d5877cb02b21782f6602b270bbc7c8d.
---
 src/modules/feature/media-shelf/MediaBoard.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/modules/feature/media-shelf/MediaBoard.vue b/src/modules/feature/media-shelf/MediaBoard.vue
index 6db562914a..f75c876515 100644
--- a/src/modules/feature/media-shelf/MediaBoard.vue
+++ b/src/modules/feature/media-shelf/MediaBoard.vue
@@ -17,6 +17,7 @@
 					group: 'lines',
 					delay: 200,
 					delayOnTouchOnly: true,
+					disabled: isInEditMode,
 					ghostClass: 'sortable-drag-ghost',
 					chosenClass: isDesktop ? '' : 'sortable-chosen',
 					easing: 'cubic-bezier(1, 0, 0, 1)',
@@ -56,6 +57,8 @@ import { lineLimit, LineMove, useSharedMediaBoardState } from "./data";
 import MediaBoardAvailableLine from "./MediaBoardAvailableLine.vue";
 import MediaBoardLine from "./MediaBoardLine.vue";
 import MediaBoardLineGhost from "./MediaBoardLineGhost.vue";
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
+import { useSharedEditMode } from "@/modules/util/board/editMode.composable"; // FIX_CIRCULAR_DEPENDENCY
 import { MediaAvailableLineResponse, MediaBoardResponse } from "@/serverApi/v3";
 import { DeviceMediaQuery } from "@/types/enum/device-media-query.enum";
 import { extractDataAttribute } from "@util-board";
@@ -91,6 +94,8 @@ const {
 	createElement,
 } = useSharedMediaBoardState();
 
+const { isInEditMode } = useSharedEditMode();
+
 const onLineDragEnd = async (event: SortableEvent) => {
 	const { newIndex, oldIndex, item } = event;
 

From c42fbc2a45582cdf17bdfeb136ef3307e21ed02f Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Thu, 20 Nov 2025 13:53:13 +0100
Subject: [PATCH 03/17] Remove the logic for edit mode from the Card.store,
 Board, and BoardAddCardButton components.

---
 src/modules/data/board/Card.store.ts                   | 9 +--------
 src/modules/feature/board/board/Board.vue              | 6 +-----
 src/modules/feature/board/board/BoardAddCardButton.vue | 7 -------
 3 files changed, 2 insertions(+), 20 deletions(-)

diff --git a/src/modules/data/board/Card.store.ts b/src/modules/data/board/Card.store.ts
index a0cb9bbdbb..4d4bae6530 100644
--- a/src/modules/data/board/Card.store.ts
+++ b/src/modules/data/board/Card.store.ts
@@ -17,7 +17,7 @@ import { useCardSocketApi } from "./cardActions/cardSocketApi.composable";
 import { CardResponse, ContentElementType, PreferredToolResponse, ToolContextType } from "@/serverApi/v3";
 import { notifyInfo } from "@data-app";
 import { useEnvConfig } from "@data-env";
-import { useSharedEditMode, useSharedLastCreatedElement } from "@util-board";
+import { useSharedLastCreatedElement } from "@util-board";
 import { defineStore } from "pinia";
 import { nextTick, Ref, ref } from "vue";
 
@@ -34,7 +34,6 @@ export const useCardStore = defineStore("cardStore", () => {
 	const socketOrRest = isSocketEnabled ? useCardSocketApi() : restApi;
 
 	const { setFocus, forceFocus } = useBoardFocusHandler();
-	const { setEditModeId, editModeId } = useSharedEditMode();
 
 	const fetchCardRequest = socketOrRest.fetchCardRequest;
 
@@ -101,9 +100,6 @@ export const useCardStore = defineStore("cardStore", () => {
 		const card = cards.value[payload.cardId];
 		if (card === undefined) return;
 
-		if (payload.cardId === editModeId.value) {
-			setEditModeId(undefined);
-		}
 		delete cards.value[payload.cardId];
 	};
 
@@ -190,7 +186,6 @@ export const useCardStore = defineStore("cardStore", () => {
 		if (index !== undefined && index > -1) {
 			card.elements.splice(index, 1);
 		}
-		setEditModeId(payload.cardId);
 	};
 
 	const updateElementRequest = socketOrRest.updateElementRequest;
@@ -214,8 +209,6 @@ export const useCardStore = defineStore("cardStore", () => {
 		if (elementIndex <= 0) return cardId;
 
 		const previousElement = elements[elementIndex - 1];
-		const { setEditModeId } = useSharedEditMode();
-		setEditModeId(cardId);
 
 		if (previousElement.type === ContentElementType.RichText) {
 			return getPreviousElementId(previousElement.id, cardId);
diff --git a/src/modules/feature/board/board/Board.vue b/src/modules/feature/board/board/Board.vue
index 887468c48a..3f1af0e134 100644
--- a/src/modules/feature/board/board/Board.vue
+++ b/src/modules/feature/board/board/Board.vue
@@ -34,7 +34,7 @@
 						tag="div"
 						:options="{
 							direction: 'horizontal',
-							disabled: isEditMode || !hasMovePermission,
+							disabled: !hasMovePermission,
 							group: 'columns',
 							delayOnTouchOnly: true,
 							delay: 300,
@@ -127,8 +127,6 @@ import { useCopy } from "@/composables/copy";
 import { useLoadingState } from "@/composables/loadingState";
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { useBoardStore } from "@/modules/data/board/Board.store"; // FIX_CIRCULAR_DEPENDENCY
-// eslint-disable-next-line @typescript-eslint/no-restricted-imports
-import { useSharedEditMode } from "@/modules/util/board/editMode.composable"; // FIX_CIRCULAR_DEPENDENCY
 import { BoardLayout, ShareTokenBodyParamsParentTypeEnum, ToolContextType } from "@/serverApi/v3";
 import { CopyParamsTypeEnum } from "@/store/copy";
 import { HttpStatusCode } from "@/store/types/http-status-code.enum";
@@ -152,8 +150,6 @@ const props = defineProps({
 });
 
 const { t } = useI18n();
-const { editModeId } = useSharedEditMode();
-const isEditMode = computed(() => editModeId.value !== undefined);
 const boardStore = useBoardStore();
 const cardStore = useCardStore();
 const board = computed(() => boardStore.board);
diff --git a/src/modules/feature/board/board/BoardAddCardButton.vue b/src/modules/feature/board/board/BoardAddCardButton.vue
index 7255536a0c..ac70c5543c 100644
--- a/src/modules/feature/board/board/BoardAddCardButton.vue
+++ b/src/modules/feature/board/board/BoardAddCardButton.vue
@@ -1,7 +1,6 @@
 <template>
 	<div ref="sticky" class="d-flex justify-center button-background pb-4 pt-2 sticky">
 		<VBtn
-			v-if="!isEditMode"
 			elevation="6"
 			class="bg-white"
 			icon
@@ -18,10 +17,7 @@
 </template>
 
 <script setup lang="ts">
-// eslint-disable-next-line @typescript-eslint/no-restricted-imports
-import { useSharedEditMode } from "@/modules/util/board/editMode.composable"; // FIX_CIRCULAR_DEPENDENCY
 import { mdiPlus } from "@icons/material";
-import { computed } from "vue";
 
 defineProps({
 	dataTestid: {
@@ -32,10 +28,7 @@ defineProps({
 
 const emit = defineEmits(["add-card"]);
 
-const { editModeId } = useSharedEditMode();
 const onAddCard = () => emit("add-card");
-
-const isEditMode = computed(() => editModeId.value !== undefined);
 </script>
 
 <style scoped>

From 24dc3e8920024da651678e3d23d9b27ca8583554 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Thu, 20 Nov 2025 14:13:10 +0100
Subject: [PATCH 04/17] Remove shared edit mode logic from Board and Card REST
 APIs

---
 src/modules/data/board/Board.store.ts                         | 4 ----
 .../data/board/boardActions/boardRestApi.composable.ts        | 4 ----
 src/modules/data/board/cardActions/cardRestApi.composable.ts  | 4 ----
 3 files changed, 12 deletions(-)

diff --git a/src/modules/data/board/Board.store.ts b/src/modules/data/board/Board.store.ts
index 2b8765b07c..1e45805c6a 100644
--- a/src/modules/data/board/Board.store.ts
+++ b/src/modules/data/board/Board.store.ts
@@ -34,7 +34,6 @@ import { HttpStatusCode } from "@/store/types/http-status-code.enum";
 import { Board } from "@/types/board/Board";
 import { useAppStore } from "@data-app";
 import { useEnvConfig } from "@data-env";
-import { useSharedEditMode } from "@util-board";
 import { defineStore } from "pinia";
 import { computed, nextTick, ref } from "vue";
 import { useRouter } from "vue-router";
@@ -51,7 +50,6 @@ export const useBoardStore = defineStore("boardStore", () => {
 
 	const socketOrRest = isSocketEnabled ? useBoardSocketApi() : restApi;
 
-	const { setEditModeId } = useSharedEditMode();
 	const router = useRouter();
 
 	const getLastColumnIndex = () => board.value!.columns.length - 1;
@@ -113,7 +111,6 @@ export const useBoardStore = defineStore("boardStore", () => {
 		});
 		if (payload.isOwnAction === true) {
 			setFocus(newCard.id);
-			setEditModeId(newCard.id);
 		}
 	};
 
@@ -130,7 +127,6 @@ export const useBoardStore = defineStore("boardStore", () => {
 
 		if (isOwnAction === true) {
 			setFocus(newColumn.id);
-			setEditModeId(newColumn.id);
 		}
 	};
 
diff --git a/src/modules/data/board/boardActions/boardRestApi.composable.ts b/src/modules/data/board/boardActions/boardRestApi.composable.ts
index 48be7024fb..f72e11e896 100644
--- a/src/modules/data/board/boardActions/boardRestApi.composable.ts
+++ b/src/modules/data/board/boardActions/boardRestApi.composable.ts
@@ -18,7 +18,6 @@ import { BoardObjectType, ErrorType, useErrorHandler } from "@/components/error-
 import { courseRoomDetailsModule } from "@/store";
 import { HttpStatusCode } from "@/store/types/http-status-code.enum";
 import { useAppStore } from "@data-app";
-import { useSharedEditMode } from "@util-board";
 
 export const useBoardRestApi = () => {
 	const boardStore = useBoardStore();
@@ -38,8 +37,6 @@ export const useBoardRestApi = () => {
 		updateReadersCanEditCall,
 	} = useBoardApi();
 
-	const { setEditModeId } = useSharedEditMode();
-
 	const createCardRequest = async (payload: CreateCardRequestPayload) => {
 		if (boardStore.board === undefined) return;
 
@@ -254,7 +251,6 @@ export const useBoardRestApi = () => {
 
 		notifyWithTemplate(errorType, boardObjectType)();
 		reloadBoard();
-		setEditModeId(undefined);
 	};
 
 	const reloadBoard = async () => {
diff --git a/src/modules/data/board/cardActions/cardRestApi.composable.ts b/src/modules/data/board/cardActions/cardRestApi.composable.ts
index 11d681480c..f3d29a349e 100644
--- a/src/modules/data/board/cardActions/cardRestApi.composable.ts
+++ b/src/modules/data/board/cardActions/cardRestApi.composable.ts
@@ -36,7 +36,6 @@ import {
 	ContextExternalToolSave,
 	useContextExternalToolApi,
 } from "@data-external-tool";
-import { useSharedEditMode } from "@util-board";
 import { AxiosResponse } from "axios";
 import { useI18n } from "vue-i18n";
 
@@ -62,8 +61,6 @@ export const useCardRestApi = () => {
 
 	const { createContextExternalToolCall, fetchAvailableToolsForContextCall } = useContextExternalToolApi();
 
-	const { setEditModeId } = useSharedEditMode();
-
 	const { t } = useI18n();
 
 	const createElementRequest = async (payload: CreateElementRequestPayload): Promise<AnyContentElement | undefined> => {
@@ -279,7 +276,6 @@ export const useCardRestApi = () => {
 		(errorType: ErrorType, boardObjectType?: BoardObjectType) => () => {
 			notifyWithTemplate(errorType, boardObjectType)();
 			boardStore.reloadBoard();
-			setEditModeId(undefined);
 		};
 
 	// this unused function is added to make sure that the same name is used in both socketApi and restApi

From 000a358ca0babfd42fb604cd986694f35f8a6945 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Thu, 20 Nov 2025 15:06:36 +0100
Subject: [PATCH 05/17] Remove edit mode logic from Card.store and update
 Board.vue to reflect changes

---
 src/modules/data/board/Card.store.ts      | 9 ++++++++-
 src/modules/feature/board/board/Board.vue | 6 +++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/modules/data/board/Card.store.ts b/src/modules/data/board/Card.store.ts
index 4d4bae6530..a0cb9bbdbb 100644
--- a/src/modules/data/board/Card.store.ts
+++ b/src/modules/data/board/Card.store.ts
@@ -17,7 +17,7 @@ import { useCardSocketApi } from "./cardActions/cardSocketApi.composable";
 import { CardResponse, ContentElementType, PreferredToolResponse, ToolContextType } from "@/serverApi/v3";
 import { notifyInfo } from "@data-app";
 import { useEnvConfig } from "@data-env";
-import { useSharedLastCreatedElement } from "@util-board";
+import { useSharedEditMode, useSharedLastCreatedElement } from "@util-board";
 import { defineStore } from "pinia";
 import { nextTick, Ref, ref } from "vue";
 
@@ -34,6 +34,7 @@ export const useCardStore = defineStore("cardStore", () => {
 	const socketOrRest = isSocketEnabled ? useCardSocketApi() : restApi;
 
 	const { setFocus, forceFocus } = useBoardFocusHandler();
+	const { setEditModeId, editModeId } = useSharedEditMode();
 
 	const fetchCardRequest = socketOrRest.fetchCardRequest;
 
@@ -100,6 +101,9 @@ export const useCardStore = defineStore("cardStore", () => {
 		const card = cards.value[payload.cardId];
 		if (card === undefined) return;
 
+		if (payload.cardId === editModeId.value) {
+			setEditModeId(undefined);
+		}
 		delete cards.value[payload.cardId];
 	};
 
@@ -186,6 +190,7 @@ export const useCardStore = defineStore("cardStore", () => {
 		if (index !== undefined && index > -1) {
 			card.elements.splice(index, 1);
 		}
+		setEditModeId(payload.cardId);
 	};
 
 	const updateElementRequest = socketOrRest.updateElementRequest;
@@ -209,6 +214,8 @@ export const useCardStore = defineStore("cardStore", () => {
 		if (elementIndex <= 0) return cardId;
 
 		const previousElement = elements[elementIndex - 1];
+		const { setEditModeId } = useSharedEditMode();
+		setEditModeId(cardId);
 
 		if (previousElement.type === ContentElementType.RichText) {
 			return getPreviousElementId(previousElement.id, cardId);
diff --git a/src/modules/feature/board/board/Board.vue b/src/modules/feature/board/board/Board.vue
index 3f1af0e134..887468c48a 100644
--- a/src/modules/feature/board/board/Board.vue
+++ b/src/modules/feature/board/board/Board.vue
@@ -34,7 +34,7 @@
 						tag="div"
 						:options="{
 							direction: 'horizontal',
-							disabled: !hasMovePermission,
+							disabled: isEditMode || !hasMovePermission,
 							group: 'columns',
 							delayOnTouchOnly: true,
 							delay: 300,
@@ -127,6 +127,8 @@ import { useCopy } from "@/composables/copy";
 import { useLoadingState } from "@/composables/loadingState";
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { useBoardStore } from "@/modules/data/board/Board.store"; // FIX_CIRCULAR_DEPENDENCY
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
+import { useSharedEditMode } from "@/modules/util/board/editMode.composable"; // FIX_CIRCULAR_DEPENDENCY
 import { BoardLayout, ShareTokenBodyParamsParentTypeEnum, ToolContextType } from "@/serverApi/v3";
 import { CopyParamsTypeEnum } from "@/store/copy";
 import { HttpStatusCode } from "@/store/types/http-status-code.enum";
@@ -150,6 +152,8 @@ const props = defineProps({
 });
 
 const { t } = useI18n();
+const { editModeId } = useSharedEditMode();
+const isEditMode = computed(() => editModeId.value !== undefined);
 const boardStore = useBoardStore();
 const cardStore = useCardStore();
 const board = computed(() => boardStore.board);

From a01598bf67eaf24549017a55635beccfbf913995 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Thu, 20 Nov 2025 15:08:15 +0100
Subject: [PATCH 06/17] Remove edit mode logic from Board and Card REST APIs

---
 src/modules/data/board/Board.store.ts                         | 4 ++++
 .../data/board/boardActions/boardRestApi.composable.ts        | 4 ++++
 src/modules/data/board/cardActions/cardRestApi.composable.ts  | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/src/modules/data/board/Board.store.ts b/src/modules/data/board/Board.store.ts
index 1e45805c6a..2b8765b07c 100644
--- a/src/modules/data/board/Board.store.ts
+++ b/src/modules/data/board/Board.store.ts
@@ -34,6 +34,7 @@ import { HttpStatusCode } from "@/store/types/http-status-code.enum";
 import { Board } from "@/types/board/Board";
 import { useAppStore } from "@data-app";
 import { useEnvConfig } from "@data-env";
+import { useSharedEditMode } from "@util-board";
 import { defineStore } from "pinia";
 import { computed, nextTick, ref } from "vue";
 import { useRouter } from "vue-router";
@@ -50,6 +51,7 @@ export const useBoardStore = defineStore("boardStore", () => {
 
 	const socketOrRest = isSocketEnabled ? useBoardSocketApi() : restApi;
 
+	const { setEditModeId } = useSharedEditMode();
 	const router = useRouter();
 
 	const getLastColumnIndex = () => board.value!.columns.length - 1;
@@ -111,6 +113,7 @@ export const useBoardStore = defineStore("boardStore", () => {
 		});
 		if (payload.isOwnAction === true) {
 			setFocus(newCard.id);
+			setEditModeId(newCard.id);
 		}
 	};
 
@@ -127,6 +130,7 @@ export const useBoardStore = defineStore("boardStore", () => {
 
 		if (isOwnAction === true) {
 			setFocus(newColumn.id);
+			setEditModeId(newColumn.id);
 		}
 	};
 
diff --git a/src/modules/data/board/boardActions/boardRestApi.composable.ts b/src/modules/data/board/boardActions/boardRestApi.composable.ts
index f72e11e896..48be7024fb 100644
--- a/src/modules/data/board/boardActions/boardRestApi.composable.ts
+++ b/src/modules/data/board/boardActions/boardRestApi.composable.ts
@@ -18,6 +18,7 @@ import { BoardObjectType, ErrorType, useErrorHandler } from "@/components/error-
 import { courseRoomDetailsModule } from "@/store";
 import { HttpStatusCode } from "@/store/types/http-status-code.enum";
 import { useAppStore } from "@data-app";
+import { useSharedEditMode } from "@util-board";
 
 export const useBoardRestApi = () => {
 	const boardStore = useBoardStore();
@@ -37,6 +38,8 @@ export const useBoardRestApi = () => {
 		updateReadersCanEditCall,
 	} = useBoardApi();
 
+	const { setEditModeId } = useSharedEditMode();
+
 	const createCardRequest = async (payload: CreateCardRequestPayload) => {
 		if (boardStore.board === undefined) return;
 
@@ -251,6 +254,7 @@ export const useBoardRestApi = () => {
 
 		notifyWithTemplate(errorType, boardObjectType)();
 		reloadBoard();
+		setEditModeId(undefined);
 	};
 
 	const reloadBoard = async () => {
diff --git a/src/modules/data/board/cardActions/cardRestApi.composable.ts b/src/modules/data/board/cardActions/cardRestApi.composable.ts
index f3d29a349e..11d681480c 100644
--- a/src/modules/data/board/cardActions/cardRestApi.composable.ts
+++ b/src/modules/data/board/cardActions/cardRestApi.composable.ts
@@ -36,6 +36,7 @@ import {
 	ContextExternalToolSave,
 	useContextExternalToolApi,
 } from "@data-external-tool";
+import { useSharedEditMode } from "@util-board";
 import { AxiosResponse } from "axios";
 import { useI18n } from "vue-i18n";
 
@@ -61,6 +62,8 @@ export const useCardRestApi = () => {
 
 	const { createContextExternalToolCall, fetchAvailableToolsForContextCall } = useContextExternalToolApi();
 
+	const { setEditModeId } = useSharedEditMode();
+
 	const { t } = useI18n();
 
 	const createElementRequest = async (payload: CreateElementRequestPayload): Promise<AnyContentElement | undefined> => {
@@ -276,6 +279,7 @@ export const useCardRestApi = () => {
 		(errorType: ErrorType, boardObjectType?: BoardObjectType) => () => {
 			notifyWithTemplate(errorType, boardObjectType)();
 			boardStore.reloadBoard();
+			setEditModeId(undefined);
 		};
 
 	// this unused function is added to make sure that the same name is used in both socketApi and restApi

From 7ecb0b4d3520d3712ac4a35831e61cbff4049956 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Fri, 21 Nov 2025 12:14:27 +0100
Subject: [PATCH 07/17] Restrict list item detection to exclude title elements
 in InlineEditInteractionHandler

---
 .../feature/board/shared/InlineEditInteractionHandler.vue       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/feature/board/shared/InlineEditInteractionHandler.vue b/src/modules/feature/board/shared/InlineEditInteractionHandler.vue
index 546c088e08..359fa139f1 100644
--- a/src/modules/feature/board/shared/InlineEditInteractionHandler.vue
+++ b/src/modules/feature/board/shared/InlineEditInteractionHandler.vue
@@ -39,7 +39,7 @@ const isFileElementLink = (target: HTMLElement | SVGElement): boolean => {
 const isListItem = (target: HTMLElement | SVGElement): boolean => {
 	if (target instanceof SVGElement) return false;
 
-	return target.className?.includes("v-list-item");
+	return target.className?.includes("v-list-item") && !target.className?.includes("v-list-item-title");
 };
 
 const isAllowedTarget = (event: MouseEvent): boolean => {

From 9d9c466575a7b4b427e858a00e287d36a58fe090 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Fri, 21 Nov 2025 15:05:23 +0100
Subject: [PATCH 08/17] Update InlineEditInteractionHandler to enable capture
 option and refine list item detection

---
 .../feature/board/shared/InlineEditInteractionHandler.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/feature/board/shared/InlineEditInteractionHandler.vue b/src/modules/feature/board/shared/InlineEditInteractionHandler.vue
index 359fa139f1..9596c6026f 100644
--- a/src/modules/feature/board/shared/InlineEditInteractionHandler.vue
+++ b/src/modules/feature/board/shared/InlineEditInteractionHandler.vue
@@ -1,5 +1,5 @@
 <template>
-	<OnClickOutside :options="{ capture: false }" @trigger="onClickOutside">
+	<OnClickOutside :options="{ capture: true }" @trigger="onClickOutside">
 		<div
 			ref="event-handle"
 			data-testid="event-handle"
@@ -39,7 +39,7 @@ const isFileElementLink = (target: HTMLElement | SVGElement): boolean => {
 const isListItem = (target: HTMLElement | SVGElement): boolean => {
 	if (target instanceof SVGElement) return false;
 
-	return target.className?.includes("v-list-item") && !target.className?.includes("v-list-item-title");
+	return target.className?.includes("v-list-item");
 };
 
 const isAllowedTarget = (event: MouseEvent): boolean => {

From 370ae2f686716592ef72bd26b7873895b5592331 Mon Sep 17 00:00:00 2001
From: Johannes Lueder <johannes.lueder@dataport.de>
Date: Tue, 25 Nov 2025 13:39:23 +0100
Subject: [PATCH 09/17] stop displaying add button when a card of the
 boardcolumn is currently in editmode

---
 src/modules/feature/board/board/BoardColumn.vue     | 13 ++++++++++---
 .../board/shared/InlineEditInteractionHandler.vue   |  2 +-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/modules/feature/board/board/BoardColumn.vue b/src/modules/feature/board/board/BoardColumn.vue
index 79c4aa96a3..c008fa7209 100644
--- a/src/modules/feature/board/board/BoardColumn.vue
+++ b/src/modules/feature/board/board/BoardColumn.vue
@@ -77,7 +77,7 @@ import BoardColumnHeader from "./BoardColumnHeader.vue";
 import { useBoardStore } from "@/modules/data/board/Board.store"; // FIX_CIRCULAR_DEPENDENCY
 import { BoardColumn } from "@/types/board/Board";
 import { useBoardPermissions, useForceRender } from "@data-board";
-import { extractDataAttribute, useDragAndDrop } from "@util-board";
+import { extractDataAttribute, useDragAndDrop, useSharedEditMode } from "@util-board";
 import { useDebounceFn } from "@vueuse/core";
 import { SortableEvent } from "sortablejs";
 import { Sortable } from "sortablejs-vue3";
@@ -106,7 +106,7 @@ const emit = defineEmits<{
 
 const boardStore = useBoardStore();
 const reactiveIndex = toRef(props, "index");
-
+const { editModeId } = useSharedEditMode();
 const { hasEditPermission, hasMovePermission, hasCreateColumnPermission } = useBoardPermissions();
 
 const columnClasses = computed(() => {
@@ -120,7 +120,14 @@ const columnClasses = computed(() => {
 });
 
 const { isDragging, dragStart, dragEnd } = useDragAndDrop();
-const showAddButton = computed(() => hasCreateColumnPermission.value && isDragging.value === false);
+
+const isCardOfColumnInEditMode = computed(
+	() => props.column.cards.find((c) => c.cardId === editModeId.value) !== undefined
+);
+
+const showAddButton = computed(
+	() => hasCreateColumnPermission.value && isDragging.value === false && !isCardOfColumnInEditMode.value
+);
 
 const isNotFirstColumn = computed(() => props.index !== 0);
 const isNotLastColumn = computed(() => props.index !== props.columnCount - 1);
diff --git a/src/modules/feature/board/shared/InlineEditInteractionHandler.vue b/src/modules/feature/board/shared/InlineEditInteractionHandler.vue
index 9596c6026f..546c088e08 100644
--- a/src/modules/feature/board/shared/InlineEditInteractionHandler.vue
+++ b/src/modules/feature/board/shared/InlineEditInteractionHandler.vue
@@ -1,5 +1,5 @@
 <template>
-	<OnClickOutside :options="{ capture: true }" @trigger="onClickOutside">
+	<OnClickOutside :options="{ capture: false }" @trigger="onClickOutside">
 		<div
 			ref="event-handle"
 			data-testid="event-handle"

From c2ddea8eca6ef995419a698332da032c9d2e7402 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Wed, 26 Nov 2025 13:55:01 +0100
Subject: [PATCH 10/17] Add tests to verify the visibility of the add card
 button while editing cards.

---
 .../feature/board/board/BoardColumn.unit.ts   | 68 +++++++++++++++++++
 1 file changed, 68 insertions(+)

diff --git a/src/modules/feature/board/board/BoardColumn.unit.ts b/src/modules/feature/board/board/BoardColumn.unit.ts
index 6399fd64f1..9bd52398ea 100644
--- a/src/modules/feature/board/board/BoardColumn.unit.ts
+++ b/src/modules/feature/board/board/BoardColumn.unit.ts
@@ -335,4 +335,72 @@ describe("BoardColumn", () => {
 			});
 		});
 	});
+
+	describe("when editing a card", () => {
+		const setupSiblingColumns = () => {
+			const { wrapper: originalWrapper } = setup({
+				permissions: { hasCreateColumnPermission: ref(true) },
+			});
+
+			const cardHost = originalWrapper.findComponent({ name: "CardHost" });
+			const cardHostInteractionHandler = cardHost.findComponent({
+				name: "CardHostInteractionHandler",
+			});
+
+			const cardsInSiblingColumn = cardSkeletonResponseFactory.buildList(1);
+			const siblingColumn = columnResponseFactory.build({
+				cards: cardsInSiblingColumn,
+			});
+			const siblingWrapper = mount(BoardColumnVue, {
+				global: {
+					plugins: [createTestingI18n(), createTestingVuetify(), createTestingPinia()],
+				},
+				props: {
+					column: siblingColumn,
+					index: 0,
+					columnCount: 2,
+					isListBoard: false,
+				},
+			});
+			return { originalWrapper, siblingWrapper, cardHostInteractionHandler };
+		};
+
+		it("should not show addCardButton in the same column", async () => {
+			const { originalWrapper, cardHostInteractionHandler } = setupSiblingColumns();
+
+			cardHostInteractionHandler.vm.$emit("start-edit-mode");
+			await nextTick();
+
+			const addCardButtons = originalWrapper.findAllComponents({
+				name: "BoardAddCardButton",
+			});
+			expect(addCardButtons).toHaveLength(0);
+		});
+
+		it("should show addCardButton in sibling column", async () => {
+			const { siblingWrapper, cardHostInteractionHandler } = setupSiblingColumns();
+
+			cardHostInteractionHandler.vm.$emit("start-edit-mode");
+			await nextTick();
+
+			const addCardButtons = siblingWrapper.findAllComponents({
+				name: "BoardAddCardButton",
+			});
+			expect(addCardButtons).toHaveLength(1);
+		});
+		it("should show addCardButton in same column if edit mode is stopped", async () => {
+			const { originalWrapper, cardHostInteractionHandler } = setupSiblingColumns();
+
+			cardHostInteractionHandler.vm.$emit("start-edit-mode");
+			await nextTick();
+
+			cardHostInteractionHandler.vm.$emit("stop-edit-mode");
+			await nextTick();
+
+			const addCardButtons = originalWrapper.findAllComponents({
+				name: "BoardAddCardButton",
+			});
+			expect(addCardButtons).toHaveLength(1);
+		});
+	});
 });

From e061bdc8b81b44252ee31e4373d71a975c5fc637 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Wed, 26 Nov 2025 14:07:51 +0100
Subject: [PATCH 11/17] Refactor BoardColumn tests to streamline setup and
 improve add card button visibility checks during edit mode

---
 .../feature/board/board/BoardColumn.unit.ts   | 49 +++++--------------
 1 file changed, 13 insertions(+), 36 deletions(-)

diff --git a/src/modules/feature/board/board/BoardColumn.unit.ts b/src/modules/feature/board/board/BoardColumn.unit.ts
index 9bd52398ea..f19e9da86b 100644
--- a/src/modules/feature/board/board/BoardColumn.unit.ts
+++ b/src/modules/feature/board/board/BoardColumn.unit.ts
@@ -65,8 +65,12 @@ describe("BoardColumn", () => {
 		});
 
 		const store = mockedPiniaStoreTyping(useBoardStore);
+		const cardHost = wrapper.findComponent({ name: "CardHost" });
+		const cardHostInteractionHandler = cardHost.findComponent({
+			name: "CardHostInteractionHandler",
+		});
 
-		return { wrapper, store, cards, column };
+		return { wrapper, store, cards, column, cardHostInteractionHandler };
 	};
 
 	describe("when component is mounted", () => {
@@ -337,50 +341,23 @@ describe("BoardColumn", () => {
 	});
 
 	describe("when editing a card", () => {
-		const setupSiblingColumns = () => {
-			const { wrapper: originalWrapper } = setup({
-				permissions: { hasCreateColumnPermission: ref(true) },
-			});
-
-			const cardHost = originalWrapper.findComponent({ name: "CardHost" });
-			const cardHostInteractionHandler = cardHost.findComponent({
-				name: "CardHostInteractionHandler",
-			});
-
-			const cardsInSiblingColumn = cardSkeletonResponseFactory.buildList(1);
-			const siblingColumn = columnResponseFactory.build({
-				cards: cardsInSiblingColumn,
-			});
-			const siblingWrapper = mount(BoardColumnVue, {
-				global: {
-					plugins: [createTestingI18n(), createTestingVuetify(), createTestingPinia()],
-				},
-				props: {
-					column: siblingColumn,
-					index: 0,
-					columnCount: 2,
-					isListBoard: false,
-				},
-			});
-			return { originalWrapper, siblingWrapper, cardHostInteractionHandler };
-		};
-
 		it("should not show addCardButton in the same column", async () => {
-			const { originalWrapper, cardHostInteractionHandler } = setupSiblingColumns();
+			const { wrapper, cardHostInteractionHandler } = setup();
 
 			cardHostInteractionHandler.vm.$emit("start-edit-mode");
 			await nextTick();
 
-			const addCardButtons = originalWrapper.findAllComponents({
+			const addCardButtons = wrapper.findAllComponents({
 				name: "BoardAddCardButton",
 			});
 			expect(addCardButtons).toHaveLength(0);
 		});
 
 		it("should show addCardButton in sibling column", async () => {
-			const { siblingWrapper, cardHostInteractionHandler } = setupSiblingColumns();
+			const { cardHostInteractionHandler: originalCardHostInteractionHandler } = setup();
+			const { wrapper: siblingWrapper } = setup();
 
-			cardHostInteractionHandler.vm.$emit("start-edit-mode");
+			originalCardHostInteractionHandler.vm.$emit("start-edit-mode");
 			await nextTick();
 
 			const addCardButtons = siblingWrapper.findAllComponents({
@@ -389,15 +366,15 @@ describe("BoardColumn", () => {
 			expect(addCardButtons).toHaveLength(1);
 		});
 		it("should show addCardButton in same column if edit mode is stopped", async () => {
-			const { originalWrapper, cardHostInteractionHandler } = setupSiblingColumns();
+			const { wrapper, cardHostInteractionHandler } = setup();
 
 			cardHostInteractionHandler.vm.$emit("start-edit-mode");
 			await nextTick();
 
-			cardHostInteractionHandler.vm.$emit("stop-edit-mode");
+			cardHostInteractionHandler.vm.$emit("end-edit-mode");
 			await nextTick();
 
-			const addCardButtons = originalWrapper.findAllComponents({
+			const addCardButtons = wrapper.findAllComponents({
 				name: "BoardAddCardButton",
 			});
 			expect(addCardButtons).toHaveLength(1);

From f1c40971b7509f8cb9f0964e53c0f53c25881bb4 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Wed, 26 Nov 2025 16:45:21 +0100
Subject: [PATCH 12/17] Implement edit mode handling for add card button
 visibility in BoardColumn tests

---
 .../feature/board/board/BoardColumn.unit.ts   | 32 +++++++++----------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/modules/feature/board/board/BoardColumn.unit.ts b/src/modules/feature/board/board/BoardColumn.unit.ts
index f19e9da86b..92bd74fb88 100644
--- a/src/modules/feature/board/board/BoardColumn.unit.ts
+++ b/src/modules/feature/board/board/BoardColumn.unit.ts
@@ -7,7 +7,7 @@ import setupStores from "@@/tests/test-utils/setupStores";
 import { useBoardPermissions, useBoardStore, useForceRender } from "@data-board";
 import { createMock } from "@golevelup/ts-vitest";
 import { createTestingPinia } from "@pinia/testing";
-import { useDragAndDrop, useSharedLastCreatedElement } from "@util-board";
+import { useDragAndDrop, useSharedEditMode, useSharedLastCreatedElement } from "@util-board";
 import { setActivePinia } from "pinia";
 import { computed, nextTick, ref } from "vue";
 
@@ -46,6 +46,7 @@ describe("BoardColumn", () => {
 		const column = columnResponseFactory.build({
 			cards,
 		});
+		const { setEditModeId } = useSharedEditMode();
 		document.body.setAttribute("data-app", "true");
 		mockedUserPermissions.mockReturnValue({
 			...defaultPermissions,
@@ -65,12 +66,8 @@ describe("BoardColumn", () => {
 		});
 
 		const store = mockedPiniaStoreTyping(useBoardStore);
-		const cardHost = wrapper.findComponent({ name: "CardHost" });
-		const cardHostInteractionHandler = cardHost.findComponent({
-			name: "CardHostInteractionHandler",
-		});
 
-		return { wrapper, store, cards, column, cardHostInteractionHandler };
+		return { wrapper, store, cards, column, setEditModeId };
 	};
 
 	describe("when component is mounted", () => {
@@ -342,9 +339,9 @@ describe("BoardColumn", () => {
 
 	describe("when editing a card", () => {
 		it("should not show addCardButton in the same column", async () => {
-			const { wrapper, cardHostInteractionHandler } = setup();
-
-			cardHostInteractionHandler.vm.$emit("start-edit-mode");
+			const { wrapper, setEditModeId, cards } = setup();
+			const cardId = cards[0].cardId;
+			setEditModeId(cardId);
 			await nextTick();
 
 			const addCardButtons = wrapper.findAllComponents({
@@ -353,25 +350,26 @@ describe("BoardColumn", () => {
 			expect(addCardButtons).toHaveLength(0);
 		});
 
-		it("should show addCardButton in sibling column", async () => {
-			const { cardHostInteractionHandler: originalCardHostInteractionHandler } = setup();
-			const { wrapper: siblingWrapper } = setup();
+		it("should show addCardButton in any other column", async () => {
+			const { setEditModeId: originalSetEditModeId, wrapper: originalWrapper } = setup();
+			const { cards: siblingCards } = setup();
 
-			originalCardHostInteractionHandler.vm.$emit("start-edit-mode");
+			originalSetEditModeId(siblingCards[0].cardId);
 			await nextTick();
 
-			const addCardButtons = siblingWrapper.findAllComponents({
+			const addCardButtons = originalWrapper.findAllComponents({
 				name: "BoardAddCardButton",
 			});
 			expect(addCardButtons).toHaveLength(1);
 		});
 		it("should show addCardButton in same column if edit mode is stopped", async () => {
-			const { wrapper, cardHostInteractionHandler } = setup();
+			const { wrapper, setEditModeId, cards } = setup();
 
-			cardHostInteractionHandler.vm.$emit("start-edit-mode");
+			const cardId = cards[0].cardId;
+			setEditModeId(cardId);
 			await nextTick();
 
-			cardHostInteractionHandler.vm.$emit("end-edit-mode");
+			setEditModeId(undefined);
 			await nextTick();
 
 			const addCardButtons = wrapper.findAllComponents({

From 5e1f5c20e3f13e90c17c5619ad069d9645e5daba Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Thu, 27 Nov 2025 14:47:45 +0100
Subject: [PATCH 13/17] Add permission to edit the board title

---
 src/modules/feature/board/board/BoardHeader.vue     |  1 +
 .../feature/board/shared/BoardAnyTitleInput.vue     | 13 +++++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/modules/feature/board/board/BoardHeader.vue b/src/modules/feature/board/board/BoardHeader.vue
index f6b1e76607..8b9dd9df7c 100644
--- a/src/modules/feature/board/board/BoardHeader.vue
+++ b/src/modules/feature/board/board/BoardHeader.vue
@@ -18,6 +18,7 @@
 				:is-edit-mode="isEditMode"
 				:is-focused="isFocusedById"
 				:max-length="100"
+				:has-edit-permission="hasEditPermission"
 				@update:value="updateBoardTitle"
 				@blur="onBoardTitleBlur"
 			/>
diff --git a/src/modules/feature/board/shared/BoardAnyTitleInput.vue b/src/modules/feature/board/shared/BoardAnyTitleInput.vue
index f38a778d85..299b012006 100644
--- a/src/modules/feature/board/shared/BoardAnyTitleInput.vue
+++ b/src/modules/feature/board/shared/BoardAnyTitleInput.vue
@@ -22,7 +22,11 @@
 		/>
 	</template>
 	<template v-else>
-		<component :is="`h${headingLevel}`" class="title" :class="scope === 'board' ? 'board-title' : 'other-title'">
+		<component
+			:is="`h${headingLevel}`"
+			class="title"
+			:class="[scope === 'board' ? 'board-title' : 'other-title', { editable: hasEditPermission }]"
+		>
 			{{ externalValue?.trim() ? externalValue : emptyValueFallback }}
 		</component>
 	</template>
@@ -44,12 +48,14 @@ type Props = {
 	isFocused?: boolean;
 	maxLength?: number | null;
 	emptyValueFallback?: string;
+	hasEditPermission?: boolean;
 };
 
 const props = withDefaults(defineProps<Props>(), {
 	isFocused: false,
 	maxLength: null,
 	emptyValueFallback: "",
+	hasEditPermission: false,
 });
 
 const emit = defineEmits<{
@@ -162,7 +168,6 @@ const cursorToEnd = () => {
 }
 
 .title {
-	cursor: pointer;
 	white-space: pre-wrap;
 	letter-spacing: $field-letter-spacing;
 	font-family: var(--font-accent);
@@ -205,4 +210,8 @@ const cursorToEnd = () => {
 	overflow-wrap: break-word;
 	word-break: break-word;
 }
+
+.editable {
+	cursor: pointer;
+}
 </style>

From 53c958572ac7eeeafa140fa2b79b05b449937558 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Wed, 3 Dec 2025 14:59:35 +0100
Subject: [PATCH 14/17] Add permissions for editing column and card titles

---
 src/modules/feature/board/board/BoardColumnHeader.vue | 1 +
 src/modules/feature/board/card/CardHost.vue           | 3 ++-
 src/modules/feature/board/card/CardTitle.vue          | 5 +++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/modules/feature/board/board/BoardColumnHeader.vue b/src/modules/feature/board/board/BoardColumnHeader.vue
index aad5e25f87..5061c1607b 100644
--- a/src/modules/feature/board/board/BoardColumnHeader.vue
+++ b/src/modules/feature/board/board/BoardColumnHeader.vue
@@ -15,6 +15,7 @@
 						:data-testid="`column-title-${index}`"
 						scope="column"
 						:is-edit-mode="isEditMode"
+						:has-edit-permission="hasEditPermission"
 						class="w-100"
 						:is-focused="isFocusedById"
 						@update:value="onUpdateTitle"
diff --git a/src/modules/feature/board/card/CardHost.vue b/src/modules/feature/board/card/CardHost.vue
index cfcdaf1d95..19e6d0ef64 100644
--- a/src/modules/feature/board/card/CardHost.vue
+++ b/src/modules/feature/board/card/CardHost.vue
@@ -16,7 +16,7 @@
 				min-height="120px"
 				:elevation="isEditMode ? 6 : isHovered ? 4 : 2"
 				:ripple="false"
-				:hover="isHovered"
+				:hover="isHovered && hasEditPermission"
 				:data-testid="cardTestId"
 				:data-scroll-target="getShareLinkId(cardId, BoardMenuScope.CARD)"
 			>
@@ -30,6 +30,7 @@
 						scope="card"
 						:is-focused="isFocusedById"
 						class="mx-n4 mb-n2"
+						:has-edit-permission="hasEditPermission"
 						@update:value="onUpdateCardTitle($event, cardId)"
 						@enter="onEnter"
 					/>
diff --git a/src/modules/feature/board/card/CardTitle.vue b/src/modules/feature/board/card/CardTitle.vue
index 902c484837..eb8b6808b4 100644
--- a/src/modules/feature/board/card/CardTitle.vue
+++ b/src/modules/feature/board/card/CardTitle.vue
@@ -8,6 +8,7 @@
 			scope="card"
 			:value="modelValue"
 			:is-edit-mode="isEditMode"
+			:has-edit-permission="hasEditPermission"
 			:is-focused="isFocused"
 			data-testid="card-title"
 			@update:value="onUpdateValue"
@@ -32,6 +33,10 @@ const props = defineProps({
 	isFocused: {
 		type: Boolean,
 	},
+	hasEditPermission: {
+		type: Boolean,
+		default: false,
+	},
 });
 const emit = defineEmits(["update:value", "enter"]);
 

From 1ee48f04928806e363ea0bc534211bafd32687b0 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Wed, 3 Dec 2025 15:20:10 +0100
Subject: [PATCH 15/17] Remove unused CSS class and simplify the template for
 the card heading.

---
 src/modules/feature/board/card/CardTitle.vue | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/modules/feature/board/card/CardTitle.vue b/src/modules/feature/board/card/CardTitle.vue
index eb8b6808b4..8f9a31eb7b 100644
--- a/src/modules/feature/board/card/CardTitle.vue
+++ b/src/modules/feature/board/card/CardTitle.vue
@@ -1,9 +1,5 @@
 <template>
-	<VCardTitle
-		v-if="isEditMode || value !== ''"
-		class="d-block text-break-word pt-0 pb-0"
-		:class="{ 'pointer-events-none': !isEditMode }"
-	>
+	<VCardTitle v-if="isEditMode || value !== ''" class="d-block text-break-word pt-0 pb-0">
 		<BoardAnyTitleInput
 			scope="card"
 			:value="modelValue"
@@ -49,8 +45,4 @@ const onEnter = () => emit("enter");
 .text-break-word {
 	word-break: break-word;
 }
-
-.pointer-events-none {
-	pointer-events: none;
-}
 </style>

From 5a67eb59e588ca088bb825900967d17386898af6 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Wed, 3 Dec 2025 15:59:17 +0100
Subject: [PATCH 16/17] Use Vue-Utils CSS class for title component

---
 src/modules/feature/board/shared/BoardAnyTitleInput.vue | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/modules/feature/board/shared/BoardAnyTitleInput.vue b/src/modules/feature/board/shared/BoardAnyTitleInput.vue
index 299b012006..19c98042d1 100644
--- a/src/modules/feature/board/shared/BoardAnyTitleInput.vue
+++ b/src/modules/feature/board/shared/BoardAnyTitleInput.vue
@@ -25,7 +25,7 @@
 		<component
 			:is="`h${headingLevel}`"
 			class="title"
-			:class="[scope === 'board' ? 'board-title' : 'other-title', { editable: hasEditPermission }]"
+			:class="[scope === 'board' ? 'board-title' : 'other-title', { 'cursor-pointer': hasEditPermission }]"
 		>
 			{{ externalValue?.trim() ? externalValue : emptyValueFallback }}
 		</component>
@@ -210,8 +210,4 @@ const cursorToEnd = () => {
 	overflow-wrap: break-word;
 	word-break: break-word;
 }
-
-.editable {
-	cursor: pointer;
-}
 </style>

From 0492a598eb823ce7765edeba167c91ea1eb3d857 Mon Sep 17 00:00:00 2001
From: wolfganggreschus <wolfgang@greschus.de>
Date: Fri, 5 Dec 2025 10:48:14 +0100
Subject: [PATCH 17/17] Update elevation and hover behavior based on edit
 permissions in CardHost component

---
 src/modules/feature/board/card/CardHost.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/feature/board/card/CardHost.vue b/src/modules/feature/board/card/CardHost.vue
index 19e6d0ef64..ce4b2191da 100644
--- a/src/modules/feature/board/card/CardHost.vue
+++ b/src/modules/feature/board/card/CardHost.vue
@@ -14,7 +14,7 @@
 				:class="{ 'drag-disabled': isEditMode }"
 				tabindex="0"
 				min-height="120px"
-				:elevation="isEditMode ? 6 : isHovered ? 4 : 2"
+				:elevation="isEditMode ? 6 : isHovered && hasEditPermission ? 4 : 2"
 				:ripple="false"
 				:hover="isHovered && hasEditPermission"
 				:data-testid="cardTestId"
@@ -144,6 +144,8 @@ const emit = defineEmits<{
 const cardHost = ref(null);
 const cardId = toRef(props, "cardId");
 const { isFocusContained, isFocusedById } = useBoardFocusHandler(cardId.value, cardHost);
+const { isEditMode, startEditMode, stopEditMode } = useCourseBoardEditMode(cardId.value);
+const { hasEditPermission, hasDeletePermission } = useBoardPermissions();
 
 const isHovered = useElementHover(cardHost);
 const isDetailView = ref(false);
@@ -159,8 +161,6 @@ const boardMenuTestId = computed(() => `card-menu-btn-${props.columnIndex}-${pro
 const cardTestId = computed(() => `board-card-${props.columnIndex}-${props.rowIndex}`);
 
 const { height: cardHostHeight } = useElementSize(cardHost);
-const { isEditMode, startEditMode, stopEditMode } = useCourseBoardEditMode(cardId.value);
-const { hasEditPermission, hasDeletePermission } = useBoardPermissions();
 
 const { askType } = useAddElementDialog(cardStore.createElementRequest, cardId.value);