[Security Solution] EuiDataGrid cellActions not working in Explore pages.

[semd]

Describe the bug:
Cell actions are not displayed in the Events tables of Explore pages.

Kibana/Elasticsearch Stack version:
8.13

Functional Area (e.g. Endpoint management, timelines, resolver, etc.):
Explore pages

Steps to reproduce:

1. Open Security
2. Navigate to any Explore page (Hosts, Network, Users)
3. Show results in the Events table
4. Hover any cell in the table

Current behavior:
Cell actions do not appear

Expected behavior:
Cell actions appear

Screenshots (if relevant):

Cell actions are displayed in Alerts table but not in Events table

cell_actions_explore_not_showing.mov

Any additional context (logs, chat logs, magical formulas, etc.):

Removing/commenting all the setCellProps calls (or the entire useEffect) in the renderCellValue function prop of EuiDataGrid component, fixes the problem and all cell actions appear correctly.

kibana/x-pack/packages/security-solution/data_table/components/data_table/index.tsx

Lines 412 to 421 in 74a248b

	useEffect(() => {
	const defaultStyles = { overflow: 'hidden' };
	setCellProps({ style: { ...defaultStyles } });
	if (ecs && rowData) {
	addBuildingBlockStyle(ecs, theme, setCellProps, defaultStyles);
	} else {
	// disable the cell when it has no data
	setCellProps({ style: { display: 'none' } });
	}
	}, [rowIndex, setCellProps, ecs, rowData]);

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)

[semd]

These tables have not received any change recently, and considering the problem is fixed by removing a piece of code that has existed for the last 15 months, it is very likely the bug has been introduced by some change in EUI (EUI PRs)

[elasticmachine]

Pinging @elastic/eui-team (EUI)

[elasticmachine]

Pinging @elastic/security-threat-hunting-explore (Team:Threat Hunting:Explore)

[semd]

I tested different commits and I confirmed the bug was introduced in 7357af5 by EUI update to v91.3.1

[cee-chen]

Hey Sergi - line 413 (const defaultStyles = { overflow: 'hidden' };) is the problem here - please remove it from your plugin! EuiDataGrid redesigned its cell actions in v91.3.1 to sit outside the cell instead of inside, and overflow: hidden prevents that.

.euiDataGridRowCell__content already sets overflow: hidden CSS by default, so this custom style shouldn't be needed.