fix(TMC-29525): inlineedit tooltip position on subheader

Talend · Aug 21, 2024 · 31cc0db · 31cc0db
1 parent 2fdd74c
commit 31cc0db
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/.changeset/thick-peas-rest.md 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
@@ -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>