From 31cc0dbf8458d828a034284e2549d52a2ff100bd Mon Sep 17 00:00:00 2001
From: Geoffroy Baccarini <geoffroy.baccarini@qlik.com>
Date: Wed, 21 Aug 2024 10:58:34 +0200
Subject: [PATCH] fix(TMC-29525): inlineedit tooltip position on subheader

---
 .changeset/thick-peas-rest.md                                | 5 +++++
 .../InlineEditing/Primitives/InlineEditingPrimitive.tsx      | 3 +++
 2 files changed, 8 insertions(+)
 create mode 100644 .changeset/thick-peas-rest.md

diff --git a/.changeset/thick-peas-rest.md b/.changeset/thick-peas-rest.md
new file mode 100644
index 00000000000..3c79b763658
--- /dev/null
+++ b/.changeset/thick-peas-rest.md
@@ -0,0 +1,5 @@
+---
+'@talend/design-system': patch
+---
+
+fix: Change InlineEdit tooltip position on buttons to prevent z-index issues depending on implementation
diff --git a/packages/design-system/src/components/InlineEditing/Primitives/InlineEditingPrimitive.tsx b/packages/design-system/src/components/InlineEditing/Primitives/InlineEditingPrimitive.tsx
index 85567e4bf53..90705686faa 100644
--- a/packages/design-system/src/components/InlineEditing/Primitives/InlineEditingPrimitive.tsx
+++ b/packages/design-system/src/components/InlineEditing/Primitives/InlineEditingPrimitive.tsx
@@ -267,6 +267,7 @@ const InlineEditingPrimitive = forwardRef(
 										data-test={`${dataTest ? `${dataTest}.` : ''}inlineediting.button.cancel`}
 										data-testid={`${dataTestId ? `${dataTestId}.` : ''}inlineediting.button.cancel`}
 										size="XS"
+										tooltipPlacement="bottom"
 									>
 										{t('INLINE_EDITING_CANCEL', 'Cancel')}
 									</ButtonIcon>
@@ -277,6 +278,7 @@ const InlineEditingPrimitive = forwardRef(
 										data-testid={`${dataTestId ? `${dataTestId}.` : ''}inlineediting.button.submit`}
 										{...getDataAttrFromProps(rest)}
 										size="XS"
+										tooltipPlacement="bottom"
 									>
 										{t('INLINE_EDITING_SUBMIT', 'Submit')}
 									</ButtonIcon>
@@ -305,6 +307,7 @@ const InlineEditingPrimitive = forwardRef(
 								icon="pencil"
 								disabled={loading}
 								size="XS"
+								tooltipPlacement="bottom"
 							>
 								{t('INLINE_EDITING_EDIT', 'Edit')}
 							</ButtonIcon>