diff --git a/packages/grafana-ui/src/components/Table/TableNG/TableNG.tsx b/packages/grafana-ui/src/components/Table/TableNG/TableNG.tsx index 3b87798c3e7..17c54fde979 100644 --- a/packages/grafana-ui/src/components/Table/TableNG/TableNG.tsx +++ b/packages/grafana-ui/src/components/Table/TableNG/TableNG.tsx @@ -791,7 +791,7 @@ export function TableNG(props: TableNGProps) { const displayedEnd = pageRangeEnd; const numRows = sortedRows.length; - return ( + let rendered = ( <> {...commonDataGridProps} @@ -879,6 +879,12 @@ export function TableNG(props: TableNGProps) { )} ); + + if (IS_SAFARI_26) { + rendered =
{rendered}
; + } + + return rendered; } /** diff --git a/packages/grafana-ui/src/components/Table/TableNG/styles.ts b/packages/grafana-ui/src/components/Table/TableNG/styles.ts index 09076724b20..7bc859dcd62 100644 --- a/packages/grafana-ui/src/components/Table/TableNG/styles.ts +++ b/packages/grafana-ui/src/components/Table/TableNG/styles.ts @@ -123,6 +123,7 @@ export const getGridStyles = (theme: GrafanaTheme2, enablePagination?: boolean, padding: theme.spacing(0, 1, 0, 2), }), menuItem: css({ maxWidth: '200px' }), + safariWrapper: css({ contain: 'strict', height: '100%' }), }; };