[9.1] [Discover] Fix issue with actions column header size (#235227) (#235326)

# Backport

This will backport the following commits from `main` to `9.1`:
- [[Discover] Fix issue with actions column header size
(#235227)](#235227)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Miłosz
Radzyński","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-09-17T08:50:11Z","message":"[Discover]
Fix issue with actions column header size (#235227)\n\n##
Summary\n\nThis PR fixes the bug with showing \"Actions\" header column
name even if\nthere was no space and info icon would fit better.\nIt
uses the EuiResizeObserver to get the dimentions of the action
column\nand decide if we should show icon or full text.\nResolves:
#234647\n\n### Checklist\n\nCheck the PR satisfies following conditions.
\n\nReviewers should verify this PR satisfies this list as well.\n\n- [
] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[
]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\n- [ ] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [ ] If a plugin
configuration key changed, check if it needs to be\nallowlisted in the
cloud and added to the
[docker\nlist](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)\n-
[ ] This was checked for breaking HTTP API changes, and any
breaking\nchanges have been approved by the breaking-change committee.
The\n`release_note:breaking` label should be applied in these
situations.\n- [ ] [Flaky
Test\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1)
was\nused on any tests changed\n- [ ] The PR description includes the
appropriate Release Notes section,\nand the correct `release_note:*`
label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"462538530236ff5d82dde0179c829761d6b86923","branchLabelMapping":{"^v9.2.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:DataDiscovery","backport:version","v9.2.0","v8.18.8","v8.19.5","v9.0.8","v9.1.5"],"title":"[Discover]
Fix issue with actions column header
size","number":235227,"url":"https://github.com/elastic/kibana/pull/235227","mergeCommit":{"message":"[Discover]
Fix issue with actions column header size (#235227)\n\n##
Summary\n\nThis PR fixes the bug with showing \"Actions\" header column
name even if\nthere was no space and info icon would fit better.\nIt
uses the EuiResizeObserver to get the dimentions of the action
column\nand decide if we should show icon or full text.\nResolves:
#234647\n\n### Checklist\n\nCheck the PR satisfies following conditions.
\n\nReviewers should verify this PR satisfies this list as well.\n\n- [
] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[
]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\n- [ ] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [ ] If a plugin
configuration key changed, check if it needs to be\nallowlisted in the
cloud and added to the
[docker\nlist](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)\n-
[ ] This was checked for breaking HTTP API changes, and any
breaking\nchanges have been approved by the breaking-change committee.
The\n`release_note:breaking` label should be applied in these
situations.\n- [ ] [Flaky
Test\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1)
was\nused on any tests changed\n- [ ] The PR description includes the
appropriate Release Notes section,\nand the correct `release_note:*`
label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"462538530236ff5d82dde0179c829761d6b86923"}},"sourceBranch":"main","suggestedTargetBranches":["8.18","8.19","9.0","9.1"],"targetPullRequestStates":[{"branch":"main","label":"v9.2.0","branchLabelMappingKey":"^v9.2.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/235227","number":235227,"mergeCommit":{"message":"[Discover]
Fix issue with actions column header size (#235227)\n\n##
Summary\n\nThis PR fixes the bug with showing \"Actions\" header column
name even if\nthere was no space and info icon would fit better.\nIt
uses the EuiResizeObserver to get the dimentions of the action
column\nand decide if we should show icon or full text.\nResolves:
#234647\n\n### Checklist\n\nCheck the PR satisfies following conditions.
\n\nReviewers should verify this PR satisfies this list as well.\n\n- [
] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[
]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\n- [ ] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [ ] If a plugin
configuration key changed, check if it needs to be\nallowlisted in the
cloud and added to the
[docker\nlist](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)\n-
[ ] This was checked for breaking HTTP API changes, and any
breaking\nchanges have been approved by the breaking-change committee.
The\n`release_note:breaking` label should be applied in these
situations.\n- [ ] [Flaky
Test\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1)
was\nused on any tests changed\n- [ ] The PR description includes the
appropriate Release Notes section,\nand the correct `release_note:*`
label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"462538530236ff5d82dde0179c829761d6b86923"}},{"branch":"8.18","label":"v8.18.8","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.19","label":"v8.19.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.8","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.1","label":"v9.1.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Miłosz Radzyński <[email protected]>

Author: kibanamachine

src/platform/packages/shared/kbn-unified-data-table/src/components/custom_control_columns/actions_column/actions_header.tsx

@@ -7,21 +7,28 @@
  * License v3.0 only", or the "Server Side Public License, v 1".
  */
 
-import React, { useLayoutEffect, useRef, useState } from 'react';
-import { EuiIconTip, EuiScreenReaderOnly } from '@elastic/eui';
+import React, { useCallback, useState } from 'react';
+import {
+  type EuiResizeObserverProps,
+  EuiIconTip,
+  EuiResizeObserver,
+  EuiScreenReaderOnly,
+} from '@elastic/eui';
 import { css } from '@emotion/react';
 import { i18n } from '@kbn/i18n';
 import ColumnHeaderTruncateContainer from '../../column_header_truncate_container';
 
 export const ActionsHeader = ({ maxWidth }: { maxWidth: number }) => {
-  const textRef = useRef<HTMLSpanElement>(null);
   const [showText, setShowText] = useState(false);
 
-  useLayoutEffect(() => {
-    if (!textRef.current) return;
-    const textWidth = textRef.current.getBoundingClientRect().width;
-    setShowText(textWidth < maxWidth);
-  }, [textRef, maxWidth, setShowText]);
+  const measure: EuiResizeObserverProps['onResize'] = useCallback(
+    (dimensions) => {
+      if (!dimensions) return;
+
+      setShowText(dimensions.width < maxWidth);
+    },
+    [maxWidth]
+  );
 
   const actionsText = i18n.translate('unifiedDataTable.controlColumnsActionHeader', {
     defaultMessage: 'Actions',
@@ -40,25 +47,26 @@ export const ActionsHeader = ({ maxWidth }: { maxWidth: number }) => {
         <span data-test-subj="unifiedDataTable_actionsColumnHeaderText">{actionsText}</span>
       ) : (
         <EuiIconTip
-          iconProps={{
-            'data-test-subj': 'unifiedDataTable_actionsColumnHeaderIcon',
-          }}
+          iconProps={{ 'data-test-subj': 'unifiedDataTable_actionsColumnHeaderIcon' }}
           type="info"
           content={actionsText}
         />
       )}
-      {/* Hidden measurement span */}
-      <span
-        ref={textRef}
-        css={css`
-          position: absolute;
-          visibility: hidden;
-          white-space: nowrap;
-          pointer-events: none;
-        `}
-      >
-        {actionsText}
-      </span>
+      <EuiResizeObserver onResize={measure}>
+        {(resizeRef) => (
+          <span
+            ref={resizeRef}
+            css={css`
+              position: absolute;
+              visibility: hidden;
+              white-space: nowrap;
+              pointer-events: none;
+            `}
+          >
+            {actionsText}
+          </span>
+        )}
+      </EuiResizeObserver>
     </ColumnHeaderTruncateContainer>
   );
 };