diff --git a/packages/core/src/components/Clickable/Clickable.tsx b/packages/core/src/components/Clickable/Clickable.tsx index 8f1c33cc47..836ffc9235 100644 --- a/packages/core/src/components/Clickable/Clickable.tsx +++ b/packages/core/src/components/Clickable/Clickable.tsx @@ -81,7 +81,8 @@ const Clickable: VibeComponent = forwardRef( ariaLabel, ariaHidden, ariaHasPopup, - ariaExpanded + ariaExpanded, + enableTextSelection }, ref ); diff --git a/packages/core/src/components/LegacyEditableHeading/LegacyEditableHeading.tsx b/packages/core/src/components/LegacyEditableHeading/LegacyEditableHeading.tsx index 6dbd9da4c6..bc44c74e4d 100644 --- a/packages/core/src/components/LegacyEditableHeading/LegacyEditableHeading.tsx +++ b/packages/core/src/components/LegacyEditableHeading/LegacyEditableHeading.tsx @@ -34,6 +34,7 @@ export interface EditableHeadingProps extends EditableInputProps, HeadingProps { tooltip?: string; insetFocus?: boolean; contentRenderer?: React.FC; + enableTextSelection?: boolean; } /** @@ -67,7 +68,8 @@ const LegacyEditableHeading: React.FC & { size = HeadingSizes.LARGE, displayPlaceholderInTextMode = true, suggestEditOnHover = true, - type = Heading.types.h1 + type = Heading.types.h1, + enableTextSelection = false } = props; const overrideDataTestId = backwardCompatibilityForProperties([dataTestId, backwardCompatabilityDataTestId]); @@ -211,7 +213,8 @@ const LegacyEditableHeading: React.FC & { onIgnoreBlurEvent: onIgnoreBlurEventCallback, onError: onInputErrorCallback, onSuccess: onInputSuccessCallback, - ariaLabel: props.inputAriaLabel + ariaLabel: props.inputAriaLabel, + enableTextSelection }; }; @@ -234,7 +237,12 @@ const LegacyEditableHeading: React.FC & { id={id} data-testid={overrideDataTestId || getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)} > - + {shouldEdit ? renderInputComponent() : renderContentComponent()}