From f0bd94364990ad2677f1ace1a3a492f71e7c899d Mon Sep 17 00:00:00 2001
From: patternfly-build <patternfly-build@redhat.com>
Date: Fri, 10 Oct 2025 16:07:29 +0000
Subject: [PATCH 1/8] chore(release): releasing packages [ci skip]

 - @patternfly/react-code-editor@6.4.0-prerelease.3
 - @patternfly/react-core@6.4.0-prerelease.3
 - @patternfly/react-docs@7.4.0-prerelease.4
 - @patternfly/react-drag-drop@6.4.0-prerelease.3
 - demo-app-ts@6.0.0-prerelease.163
 - @patternfly/react-table@6.4.0-prerelease.4
 - @patternfly/react-templates@6.4.0-prerelease.3
---
 .../src/components/Truncate/Truncate.tsx      | 54 -------------------
 1 file changed, 54 deletions(-)

diff --git a/packages/react-core/src/components/Truncate/Truncate.tsx b/packages/react-core/src/components/Truncate/Truncate.tsx
index a4c9306330b..af71ab1cea0 100644
--- a/packages/react-core/src/components/Truncate/Truncate.tsx
+++ b/packages/react-core/src/components/Truncate/Truncate.tsx
@@ -2,8 +2,6 @@ import { Fragment, useEffect, useRef, useState, forwardRef, useImperativeHandle
 import styles from '@patternfly/react-styles/css/components/Truncate/truncate';
 import { css } from '@patternfly/react-styles';
 import { Tooltip, TooltipPosition, TooltipProps } from '../Tooltip';
-import { getReferenceElement } from '../../helpers';
-import { getResizeObserver } from '../../helpers/resizeObserver';
 
 export enum TruncatePosition {
   start = 'start',
@@ -79,70 +77,18 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
   ...props
 }: TruncateProps) => {
   const [isTruncated, setIsTruncated] = useState(true);
-  const [parentElement, setParentElement] = useState<HTMLElement>(null);
-  const [textElement, setTextElement] = useState<HTMLElement>(null);
   const [shouldRenderByMaxChars, setShouldRenderByMaxChars] = useState(maxCharsDisplayed > 0);
 
   const textRef = useRef<HTMLElement>(null);
   useImperativeHandle(innerRef, () => textRef.current!);
   const defaultSubParentRef = useRef<any>(null);
   const subParentRef = tooltipProps?.triggerRef || defaultSubParentRef;
-  const observer = useRef(null);
 
   if (maxCharsDisplayed <= 0) {
     // eslint-disable-next-line no-console
     console.warn('Truncate: the maxCharsDisplayed must be greater than 0, otherwise no content will be visible.');
   }
 
-  const getActualWidth = (element: Element) => {
-    const computedStyle = getComputedStyle(element);
-
-    return (
-      parseFloat(computedStyle.width) -
-      parseFloat(computedStyle.paddingLeft) -
-      parseFloat(computedStyle.paddingRight) -
-      parseFloat(computedStyle.borderRight) -
-      parseFloat(computedStyle.borderLeft)
-    );
-  };
-
-  const calculateTotalTextWidth = (element: Element, trailingNumChars: number, content: string) => {
-    const firstTextWidth = element.scrollWidth;
-    const firstTextLength = content.length;
-    return (firstTextWidth / firstTextLength) * trailingNumChars + firstTextWidth;
-  };
-
-  useEffect(() => {
-    if (textRef && textRef.current && !textElement) {
-      setTextElement(textRef.current);
-    }
-  }, [textRef, textElement]);
-
-  useEffect(() => {
-    const refElement = getReferenceElement(subParentRef);
-    if (refElement?.parentElement && !parentElement) {
-      setParentElement(refElement.parentElement);
-    }
-  }, [subParentRef, parentElement]);
-
-  useEffect(() => {
-    if (textElement && parentElement && !observer.current && !shouldRenderByMaxChars) {
-      const totalTextWidth = calculateTotalTextWidth(textElement, trailingNumChars, content);
-      const textWidth = position === 'middle' ? totalTextWidth : textElement.scrollWidth;
-
-      const handleResize = () => {
-        const parentWidth = getActualWidth(parentElement);
-        setIsTruncated(textWidth >= parentWidth);
-      };
-
-      const observer = getResizeObserver(parentElement, handleResize);
-
-      return () => {
-        observer();
-      };
-    }
-  }, [textElement, parentElement, trailingNumChars, content, position, shouldRenderByMaxChars]);
-
   useEffect(() => {
     if (shouldRenderByMaxChars) {
       setIsTruncated(content.length > maxCharsDisplayed);

From 2109481a20b4c1036e8eeb6d23613d10ef99d2a5 Mon Sep 17 00:00:00 2001
From: gitdallas <5322142+gitdallas@users.noreply.github.com>
Date: Tue, 14 Oct 2025 10:05:20 -0500
Subject: [PATCH 2/8] check truncated before showing tooltip

Signed-off-by: gitdallas <5322142+gitdallas@users.noreply.github.com>
---
 .../src/components/Truncate/Truncate.tsx      | 65 ++++++++++++++++---
 .../Truncate/__tests__/Truncate.test.tsx      |  6 +-
 2 files changed, 58 insertions(+), 13 deletions(-)

diff --git a/packages/react-core/src/components/Truncate/Truncate.tsx b/packages/react-core/src/components/Truncate/Truncate.tsx
index af71ab1cea0..eec2d043032 100644
--- a/packages/react-core/src/components/Truncate/Truncate.tsx
+++ b/packages/react-core/src/components/Truncate/Truncate.tsx
@@ -74,10 +74,15 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
   omissionContent = '\u2026',
   content,
   innerRef,
+  onMouseEnter,
+  onMouseLeave,
+  onFocus,
+  onBlur,
   ...props
 }: TruncateProps) => {
   const [isTruncated, setIsTruncated] = useState(true);
   const [shouldRenderByMaxChars, setShouldRenderByMaxChars] = useState(maxCharsDisplayed > 0);
+  const [showTooltip, setShowTooltip] = useState(false);
 
   const textRef = useRef<HTMLElement>(null);
   useImperativeHandle(innerRef, () => textRef.current!);
@@ -93,12 +98,49 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
     if (shouldRenderByMaxChars) {
       setIsTruncated(content.length > maxCharsDisplayed);
     }
-  }, [shouldRenderByMaxChars]);
+  }, [shouldRenderByMaxChars, content.length, maxCharsDisplayed]);
 
   useEffect(() => {
     setShouldRenderByMaxChars(maxCharsDisplayed > 0);
   }, [maxCharsDisplayed]);
 
+  // Check if content is truncated (called on hover/focus)
+  const checkTruncation = (): boolean => {
+    if (shouldRenderByMaxChars) {
+      return isTruncated;
+    }
+
+    if (!textRef.current) {
+      return false;
+    }
+
+    return textRef.current.scrollWidth > textRef.current.clientWidth;
+  };
+
+  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {
+    if (checkTruncation()) {
+      setShowTooltip(true);
+    }
+    onMouseEnter?.(e);
+  };
+
+  const handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {
+    setShowTooltip(false);
+    onMouseLeave?.(e);
+  };
+
+  const handleFocus = (e: React.FocusEvent<HTMLElement>) => {
+    if (checkTruncation()) {
+      setShowTooltip(true);
+    }
+    onFocus?.(e);
+  };
+
+  const handleBlur = (e: React.FocusEvent<HTMLElement>) => {
+    setShowTooltip(false);
+    onBlur?.(e);
+  };
+
   const lrmEntity = <Fragment>&lrm;</Fragment>;
   const isStartPosition = position === TruncatePosition.start;
   const isEndPosition = position === TruncatePosition.end;
@@ -186,6 +228,10 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
       href={href}
       className={css(styles.truncate, shouldRenderByMaxChars && styles.modifiers.fixed, className)}
       {...(isTruncated && !href && !tooltipProps?.triggerRef && { tabIndex: 0 })}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+      onFocus={handleFocus}
+      onBlur={handleBlur}
       {...props}
     >
       {!shouldRenderByMaxChars ? renderResizeObserverContent() : renderMaxDisplayContent()}
@@ -194,15 +240,14 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
 
   return (
     <>
-      {isTruncated && (
-        <Tooltip
-          hidden={!isTruncated}
-          position={tooltipPosition}
-          content={content}
-          triggerRef={subParentRef}
-          {...tooltipProps}
-        />
-      )}
+      <Tooltip
+        position={tooltipPosition}
+        content={content}
+        triggerRef={subParentRef}
+        trigger="manual"
+        isVisible={showTooltip}
+        {...tooltipProps}
+      />
       {truncateBody}
     </>
   );
diff --git a/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx b/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx
index ba899283509..f3921ebabe4 100644
--- a/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx
+++ b/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx
@@ -1,10 +1,10 @@
-import { render, screen, within } from '@testing-library/react';
-import { Truncate, TruncatePosition } from '../Truncate';
+import { render, screen } from '@testing-library/react';
+import { Truncate } from '../Truncate';
 import styles from '@patternfly/react-styles/css/components/Truncate/truncate';
 import '@testing-library/jest-dom';
 
 jest.mock('../../Tooltip', () => ({
-  Tooltip: ({ content, position, children, triggerRef, ...props }) => (
+  Tooltip: ({ content, position, children, triggerRef, trigger, isVisible, ...props }) => (
     <div data-testid="Tooltip-mock" {...props}>
       <div data-testid="Tooltip-mock-content-container">Test {content}</div>
       <p>{`position: ${position}`}</p>

From 07ccf59c31e86ef0ec6a6e9e36d43eac7c181521 Mon Sep 17 00:00:00 2001
From: gitdallas <5322142+gitdallas@users.noreply.github.com>
Date: Tue, 14 Oct 2025 12:02:59 -0500
Subject: [PATCH 3/8] cypress fix

Signed-off-by: gitdallas <5322142+gitdallas@users.noreply.github.com>
---
 packages/react-core/src/components/Truncate/Truncate.tsx   | 7 +++++++
 .../__tests__/__snapshots__/Truncate.test.tsx.snap         | 2 --
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/react-core/src/components/Truncate/Truncate.tsx b/packages/react-core/src/components/Truncate/Truncate.tsx
index eec2d043032..40861462f59 100644
--- a/packages/react-core/src/components/Truncate/Truncate.tsx
+++ b/packages/react-core/src/components/Truncate/Truncate.tsx
@@ -104,6 +104,13 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
     setShouldRenderByMaxChars(maxCharsDisplayed > 0);
   }, [maxCharsDisplayed]);
 
+  // Check truncation on mount for without maxChars
+  useEffect(() => {
+    if (!shouldRenderByMaxChars && textRef.current) {
+      setIsTruncated(textRef.current.scrollWidth > textRef.current.clientWidth);
+    }
+  }, [shouldRenderByMaxChars]);
+
   // Check if content is truncated (called on hover/focus)
   const checkTruncation = (): boolean => {
     if (shouldRenderByMaxChars) {
diff --git a/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap b/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap
index b4dd9550d7c..858cefbd664 100644
--- a/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap
+++ b/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap
@@ -54,7 +54,6 @@ exports[`renders default truncation 1`] = `
   </div>
   <span
     class="pf-v6-c-truncate"
-    tabindex="0"
   >
     <span
       class="pf-v6-c-truncate__start"
@@ -81,7 +80,6 @@ exports[`renders start truncation with &lrm; at start and end 1`] = `
   </div>
   <span
     class="pf-v6-c-truncate"
-    tabindex="0"
   >
     <span
       class="pf-v6-c-truncate__end"

From 542162b993f8cff4d56a8e1346bcc17395b53bbc Mon Sep 17 00:00:00 2001
From: gitdallas <5322142+gitdallas@users.noreply.github.com>
Date: Wed, 15 Oct 2025 09:50:28 -0500
Subject: [PATCH 4/8] truncate to false initially for better tabindex

Signed-off-by: gitdallas <5322142+gitdallas@users.noreply.github.com>
---
 packages/react-core/src/components/Truncate/Truncate.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react-core/src/components/Truncate/Truncate.tsx b/packages/react-core/src/components/Truncate/Truncate.tsx
index 40861462f59..7ed58880982 100644
--- a/packages/react-core/src/components/Truncate/Truncate.tsx
+++ b/packages/react-core/src/components/Truncate/Truncate.tsx
@@ -80,7 +80,7 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
   onBlur,
   ...props
 }: TruncateProps) => {
-  const [isTruncated, setIsTruncated] = useState(true);
+  const [isTruncated, setIsTruncated] = useState(false);
   const [shouldRenderByMaxChars, setShouldRenderByMaxChars] = useState(maxCharsDisplayed > 0);
   const [showTooltip, setShowTooltip] = useState(false);
 
@@ -109,7 +109,7 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
     if (!shouldRenderByMaxChars && textRef.current) {
       setIsTruncated(textRef.current.scrollWidth > textRef.current.clientWidth);
     }
-  }, [shouldRenderByMaxChars]);
+  }, [shouldRenderByMaxChars, content]);
 
   // Check if content is truncated (called on hover/focus)
   const checkTruncation = (): boolean => {

From 2cf0532828bb1587047681e431520978ea3e1aee Mon Sep 17 00:00:00 2001
From: gitdallas <5322142+gitdallas@users.noreply.github.com>
Date: Wed, 22 Oct 2025 15:20:43 -0500
Subject: [PATCH 5/8] bring back resizeObserver with debounce so tabIndex
 updates

Signed-off-by: gitdallas <5322142+gitdallas@users.noreply.github.com>
---
 .../src/components/Truncate/Truncate.tsx        | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/packages/react-core/src/components/Truncate/Truncate.tsx b/packages/react-core/src/components/Truncate/Truncate.tsx
index 7ed58880982..17ce97916f9 100644
--- a/packages/react-core/src/components/Truncate/Truncate.tsx
+++ b/packages/react-core/src/components/Truncate/Truncate.tsx
@@ -2,6 +2,8 @@ import { Fragment, useEffect, useRef, useState, forwardRef, useImperativeHandle
 import styles from '@patternfly/react-styles/css/components/Truncate/truncate';
 import { css } from '@patternfly/react-styles';
 import { Tooltip, TooltipPosition, TooltipProps } from '../Tooltip';
+import { getResizeObserver } from '../../helpers/resizeObserver';
+import { debounce } from '../../helpers/util';
 
 export enum TruncatePosition {
   start = 'start',
@@ -111,6 +113,21 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
     }
   }, [shouldRenderByMaxChars, content]);
 
+  const debouncedHandleResize = debounce(() => {
+    if (!shouldRenderByMaxChars && textRef.current) {
+      const isCurrentlyTruncated = textRef.current.scrollWidth > textRef.current.clientWidth;
+      setIsTruncated(isCurrentlyTruncated);
+    }
+  }, 500);
+
+  // Set up ResizeObserver for non-maxChars truncation
+  useEffect(() => {
+    if (!shouldRenderByMaxChars && textRef.current) {
+      const observer = getResizeObserver(textRef.current, debouncedHandleResize, false);
+      return observer;
+    }
+  }, [shouldRenderByMaxChars, debouncedHandleResize]);
+
   // Check if content is truncated (called on hover/focus)
   const checkTruncation = (): boolean => {
     if (shouldRenderByMaxChars) {

From e0b9d9d3dfeef54344ade74f3d0da0d6414c819a Mon Sep 17 00:00:00 2001
From: gitdallas <5322142+gitdallas@users.noreply.github.com>
Date: Tue, 28 Oct 2025 10:38:26 -0500
Subject: [PATCH 6/8] start from main and add debounce

Signed-off-by: gitdallas <5322142+gitdallas@users.noreply.github.com>
---
 .../src/components/Truncate/Truncate.tsx      | 128 ++++++++----------
 .../Truncate/__tests__/Truncate.test.tsx      |  23 +++-
 .../__snapshots__/Truncate.test.tsx.snap      |   5 +
 3 files changed, 83 insertions(+), 73 deletions(-)

diff --git a/packages/react-core/src/components/Truncate/Truncate.tsx b/packages/react-core/src/components/Truncate/Truncate.tsx
index 17ce97916f9..9a8d00da11d 100644
--- a/packages/react-core/src/components/Truncate/Truncate.tsx
+++ b/packages/react-core/src/components/Truncate/Truncate.tsx
@@ -2,6 +2,7 @@ import { Fragment, useEffect, useRef, useState, forwardRef, useImperativeHandle
 import styles from '@patternfly/react-styles/css/components/Truncate/truncate';
 import { css } from '@patternfly/react-styles';
 import { Tooltip, TooltipPosition, TooltipProps } from '../Tooltip';
+import { getReferenceElement } from '../../helpers';
 import { getResizeObserver } from '../../helpers/resizeObserver';
 import { debounce } from '../../helpers/util';
 
@@ -76,94 +77,82 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
   omissionContent = '\u2026',
   content,
   innerRef,
-  onMouseEnter,
-  onMouseLeave,
-  onFocus,
-  onBlur,
   ...props
 }: TruncateProps) => {
-  const [isTruncated, setIsTruncated] = useState(false);
+  const [isTruncated, setIsTruncated] = useState(true);
+  const [parentElement, setParentElement] = useState<HTMLElement>(null);
+  const [textElement, setTextElement] = useState<HTMLElement>(null);
   const [shouldRenderByMaxChars, setShouldRenderByMaxChars] = useState(maxCharsDisplayed > 0);
-  const [showTooltip, setShowTooltip] = useState(false);
 
   const textRef = useRef<HTMLElement>(null);
   useImperativeHandle(innerRef, () => textRef.current!);
   const defaultSubParentRef = useRef<any>(null);
   const subParentRef = tooltipProps?.triggerRef || defaultSubParentRef;
+  const observer = useRef(null);
 
   if (maxCharsDisplayed <= 0) {
     // eslint-disable-next-line no-console
     console.warn('Truncate: the maxCharsDisplayed must be greater than 0, otherwise no content will be visible.');
   }
 
-  useEffect(() => {
-    if (shouldRenderByMaxChars) {
-      setIsTruncated(content.length > maxCharsDisplayed);
-    }
-  }, [shouldRenderByMaxChars, content.length, maxCharsDisplayed]);
+  const getActualWidth = (element: Element) => {
+    const computedStyle = getComputedStyle(element);
 
-  useEffect(() => {
-    setShouldRenderByMaxChars(maxCharsDisplayed > 0);
-  }, [maxCharsDisplayed]);
+    return (
+      parseFloat(computedStyle.width) -
+      parseFloat(computedStyle.paddingLeft) -
+      parseFloat(computedStyle.paddingRight) -
+      parseFloat(computedStyle.borderRight) -
+      parseFloat(computedStyle.borderLeft)
+    );
+  };
 
-  // Check truncation on mount for without maxChars
-  useEffect(() => {
-    if (!shouldRenderByMaxChars && textRef.current) {
-      setIsTruncated(textRef.current.scrollWidth > textRef.current.clientWidth);
-    }
-  }, [shouldRenderByMaxChars, content]);
+  const calculateTotalTextWidth = (element: Element, trailingNumChars: number, content: string) => {
+    const firstTextWidth = element.scrollWidth;
+    const firstTextLength = content.length;
+    return (firstTextWidth / firstTextLength) * trailingNumChars + firstTextWidth;
+  };
 
-  const debouncedHandleResize = debounce(() => {
-    if (!shouldRenderByMaxChars && textRef.current) {
-      const isCurrentlyTruncated = textRef.current.scrollWidth > textRef.current.clientWidth;
-      setIsTruncated(isCurrentlyTruncated);
+  useEffect(() => {
+    if (textRef && textRef.current && !textElement) {
+      setTextElement(textRef.current);
     }
-  }, 500);
+  }, [textRef, textElement]);
 
-  // Set up ResizeObserver for non-maxChars truncation
   useEffect(() => {
-    if (!shouldRenderByMaxChars && textRef.current) {
-      const observer = getResizeObserver(textRef.current, debouncedHandleResize, false);
-      return observer;
+    const refElement = getReferenceElement(subParentRef);
+    if (refElement?.parentElement && !parentElement) {
+      setParentElement(refElement.parentElement);
     }
-  }, [shouldRenderByMaxChars, debouncedHandleResize]);
+  }, [subParentRef, parentElement]);
 
-  // Check if content is truncated (called on hover/focus)
-  const checkTruncation = (): boolean => {
-    if (shouldRenderByMaxChars) {
-      return isTruncated;
-    }
+  useEffect(() => {
+    if (textElement && parentElement && !observer.current && !shouldRenderByMaxChars) {
+      const totalTextWidth = calculateTotalTextWidth(textElement, trailingNumChars, content);
+      const textWidth = position === 'middle' ? totalTextWidth : textElement.scrollWidth;
 
-    if (!textRef.current) {
-      return false;
-    }
+      const debouncedHandleResize = debounce(() => {
+        const parentWidth = getActualWidth(parentElement);
+        setIsTruncated(textWidth >= parentWidth);
+      }, 500);
 
-    return textRef.current.scrollWidth > textRef.current.clientWidth;
-  };
+      const observer = getResizeObserver(parentElement, debouncedHandleResize);
 
-  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {
-    if (checkTruncation()) {
-      setShowTooltip(true);
+      return () => {
+        observer();
+      };
     }
-    onMouseEnter?.(e);
-  };
-
-  const handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {
-    setShowTooltip(false);
-    onMouseLeave?.(e);
-  };
+  }, [textElement, parentElement, trailingNumChars, content, position, shouldRenderByMaxChars]);
 
-  const handleFocus = (e: React.FocusEvent<HTMLElement>) => {
-    if (checkTruncation()) {
-      setShowTooltip(true);
+  useEffect(() => {
+    if (shouldRenderByMaxChars) {
+      setIsTruncated(content.length > maxCharsDisplayed);
     }
-    onFocus?.(e);
-  };
+  }, [shouldRenderByMaxChars, content.length, maxCharsDisplayed]);
 
-  const handleBlur = (e: React.FocusEvent<HTMLElement>) => {
-    setShowTooltip(false);
-    onBlur?.(e);
-  };
+  useEffect(() => {
+    setShouldRenderByMaxChars(maxCharsDisplayed > 0);
+  }, [maxCharsDisplayed]);
 
   const lrmEntity = <Fragment>&lrm;</Fragment>;
   const isStartPosition = position === TruncatePosition.start;
@@ -252,10 +241,6 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
       href={href}
       className={css(styles.truncate, shouldRenderByMaxChars && styles.modifiers.fixed, className)}
       {...(isTruncated && !href && !tooltipProps?.triggerRef && { tabIndex: 0 })}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-      onFocus={handleFocus}
-      onBlur={handleBlur}
       {...props}
     >
       {!shouldRenderByMaxChars ? renderResizeObserverContent() : renderMaxDisplayContent()}
@@ -264,14 +249,15 @@ const TruncateBase: React.FunctionComponent<TruncateProps> = ({
 
   return (
     <>
-      <Tooltip
-        position={tooltipPosition}
-        content={content}
-        triggerRef={subParentRef}
-        trigger="manual"
-        isVisible={showTooltip}
-        {...tooltipProps}
-      />
+      {isTruncated && (
+        <Tooltip
+          hidden={!isTruncated}
+          position={tooltipPosition}
+          content={content}
+          triggerRef={subParentRef}
+          {...tooltipProps}
+        />
+      )}
       {truncateBody}
     </>
   );
diff --git a/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx b/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx
index f3921ebabe4..2eedd058a13 100644
--- a/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx
+++ b/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx
@@ -1,11 +1,11 @@
-import { render, screen } from '@testing-library/react';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import { Truncate } from '../Truncate';
 import styles from '@patternfly/react-styles/css/components/Truncate/truncate';
 import '@testing-library/jest-dom';
 
 jest.mock('../../Tooltip', () => ({
   Tooltip: ({ content, position, children, triggerRef, trigger, isVisible, ...props }) => (
-    <div data-testid="Tooltip-mock" {...props}>
+    <div data-testid="Tooltip-mock" data-trigger-ref={triggerRef ? 'true' : 'false'} {...props}>
       <div data-testid="Tooltip-mock-content-container">Test {content}</div>
       <p>{`position: ${position}`}</p>
       {children}
@@ -242,3 +242,22 @@ describe('Truncation with maxCharsDisplayed', () => {
     expect(asFragment()).toMatchSnapshot();
   });
 });
+
+test('Tooltip appears on keyboard focus when external triggerRef is provided (ClipboardCopy regression test)', () => {
+  const mockTriggerRef = { current: document.createElement('div') };
+
+  render(
+    <Truncate
+      content="This is a very long piece of content that should be truncated when the container is too small"
+      tooltipProps={{ triggerRef: mockTriggerRef }}
+      data-testid="truncate-element"
+    />
+  );
+
+  // Simulate keyboard focus on the external trigger element
+  fireEvent.focus(mockTriggerRef.current);
+
+  // The tooltip should be present and visible
+  const tooltip = screen.getByTestId('Tooltip-mock');
+  expect(tooltip).toBeInTheDocument();
+});
diff --git a/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap b/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap
index 858cefbd664..932be028dfa 100644
--- a/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap
+++ b/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap
@@ -4,6 +4,7 @@ exports[`Truncation with maxCharsDisplayed Matches snapshot with default positio
 <DocumentFragment>
   <div
     data-testid="Tooltip-mock"
+    data-trigger-ref="true"
   >
     <div
       data-testid="Tooltip-mock-content-container"
@@ -42,6 +43,7 @@ exports[`renders default truncation 1`] = `
 <DocumentFragment>
   <div
     data-testid="Tooltip-mock"
+    data-trigger-ref="true"
   >
     <div
       data-testid="Tooltip-mock-content-container"
@@ -54,6 +56,7 @@ exports[`renders default truncation 1`] = `
   </div>
   <span
     class="pf-v6-c-truncate"
+    tabindex="0"
   >
     <span
       class="pf-v6-c-truncate__start"
@@ -68,6 +71,7 @@ exports[`renders start truncation with &lrm; at start and end 1`] = `
 <DocumentFragment>
   <div
     data-testid="Tooltip-mock"
+    data-trigger-ref="true"
   >
     <div
       data-testid="Tooltip-mock-content-container"
@@ -80,6 +84,7 @@ exports[`renders start truncation with &lrm; at start and end 1`] = `
   </div>
   <span
     class="pf-v6-c-truncate"
+    tabindex="0"
   >
     <span
       class="pf-v6-c-truncate__end"

From eb0989d596e89d97471a163925f4fc20fcdf4843 Mon Sep 17 00:00:00 2001
From: gitdallas <5322142+gitdallas@users.noreply.github.com>
Date: Tue, 28 Oct 2025 14:11:51 -0500
Subject: [PATCH 7/8] cleanup

Signed-off-by: gitdallas <5322142+gitdallas@users.noreply.github.com>
---
 .../Truncate/__tests__/Truncate.test.tsx          |  7 +++----
 .../__snapshots__/Truncate.test.tsx.snap          | 15 +++------------
 2 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx b/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx
index 2eedd058a13..f4dbf10435b 100644
--- a/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx
+++ b/packages/react-core/src/components/Truncate/__tests__/Truncate.test.tsx
@@ -4,9 +4,9 @@ import styles from '@patternfly/react-styles/css/components/Truncate/truncate';
 import '@testing-library/jest-dom';
 
 jest.mock('../../Tooltip', () => ({
-  Tooltip: ({ content, position, children, triggerRef, trigger, isVisible, ...props }) => (
-    <div data-testid="Tooltip-mock" data-trigger-ref={triggerRef ? 'true' : 'false'} {...props}>
-      <div data-testid="Tooltip-mock-content-container">Test {content}</div>
+  Tooltip: ({ content, position, children, triggerRef, ...props }) => (
+    <div data-testid="Tooltip-mock" {...props}>
+      <div>Test {content}</div>
       <p>{`position: ${position}`}</p>
       {children}
     </div>
@@ -250,7 +250,6 @@ test('Tooltip appears on keyboard focus when external triggerRef is provided (Cl
     <Truncate
       content="This is a very long piece of content that should be truncated when the container is too small"
       tooltipProps={{ triggerRef: mockTriggerRef }}
-      data-testid="truncate-element"
     />
   );
 
diff --git a/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap b/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap
index 932be028dfa..3ef40ffb16c 100644
--- a/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap
+++ b/packages/react-core/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap
@@ -4,11 +4,8 @@ exports[`Truncation with maxCharsDisplayed Matches snapshot with default positio
 <DocumentFragment>
   <div
     data-testid="Tooltip-mock"
-    data-trigger-ref="true"
   >
-    <div
-      data-testid="Tooltip-mock-content-container"
-    >
+    <div>
       Test Test truncation content
     </div>
     <p>
@@ -43,11 +40,8 @@ exports[`renders default truncation 1`] = `
 <DocumentFragment>
   <div
     data-testid="Tooltip-mock"
-    data-trigger-ref="true"
   >
-    <div
-      data-testid="Tooltip-mock-content-container"
-    >
+    <div>
       Test Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.
     </div>
     <p>
@@ -71,11 +65,8 @@ exports[`renders start truncation with &lrm; at start and end 1`] = `
 <DocumentFragment>
   <div
     data-testid="Tooltip-mock"
-    data-trigger-ref="true"
   >
-    <div
-      data-testid="Tooltip-mock-content-container"
-    >
+    <div>
       Test Vestibulum interdum risus et enim faucibus, sit amet molestie est accumsan.
     </div>
     <p>

From a07e291b9f8f476f69cc87a09486c8c2f7004227 Mon Sep 17 00:00:00 2001
From: gitdallas <5322142+gitdallas@users.noreply.github.com>
Date: Wed, 29 Oct 2025 09:49:51 -0500
Subject: [PATCH 8/8] add clipboardcopy truncate integration test

Signed-off-by: gitdallas <5322142+gitdallas@users.noreply.github.com>
---
 .../ClipboardCopyTruncateIntegration.test.tsx | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyTruncateIntegration.test.tsx

diff --git a/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyTruncateIntegration.test.tsx b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyTruncateIntegration.test.tsx
new file mode 100644
index 00000000000..d6554557cf9
--- /dev/null
+++ b/packages/react-core/src/components/ClipboardCopy/__tests__/ClipboardCopyTruncateIntegration.test.tsx
@@ -0,0 +1,32 @@
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ClipboardCopy, ClipboardCopyVariant } from '../ClipboardCopy';
+
+// This test file uses the real Truncate component for integration testing, instead of a mock
+
+test('Tooltip appears on keyboard focus when using inline-compact variant with truncation', async () => {
+  const user = userEvent.setup();
+  const longText = 'This is a very long piece of content that should be truncated when the container is too small';
+
+  render(
+    <ClipboardCopy
+      variant={ClipboardCopyVariant.inlineCompact}
+      truncation={{ maxCharsDisplayed: 20 }}
+      data-testid="clipboard-copy"
+    >
+      {longText}
+    </ClipboardCopy>
+  );
+
+  expect(screen.queryByText(longText)).not.toBeInTheDocument();
+  expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
+
+  await user.tab();
+
+  const clipboardCopy = screen.getByTestId('clipboard-copy');
+  expect(clipboardCopy).toHaveFocus();
+
+  const tooltip = screen.getByRole('tooltip');
+  expect(tooltip).toBeInTheDocument();
+  expect(tooltip).toHaveTextContent(longText);
+});