diff --git a/frontend/components/TableContainer/DataTable/TruncatedTextCell/TruncatedTextCell.tsx b/frontend/components/TableContainer/DataTable/TruncatedTextCell/TruncatedTextCell.tsx index 9c79d99608..0fb0e943cc 100644 --- a/frontend/components/TableContainer/DataTable/TruncatedTextCell/TruncatedTextCell.tsx +++ b/frontend/components/TableContainer/DataTable/TruncatedTextCell/TruncatedTextCell.tsx @@ -55,7 +55,11 @@ const TruncatedTextCell = ({ clickable delayHide={200} // need delay set to hover using clickable > - {value} + <> + {value} +
 
+ {/* Fixes triple click selecting next element in Safari */} + ); diff --git a/frontend/components/TableContainer/DataTable/TruncatedTextCell/_styles.scss b/frontend/components/TableContainer/DataTable/TruncatedTextCell/_styles.scss index d3b868d87d..6386b9cf48 100644 --- a/frontend/components/TableContainer/DataTable/TruncatedTextCell/_styles.scss +++ b/frontend/components/TableContainer/DataTable/TruncatedTextCell/_styles.scss @@ -27,6 +27,10 @@ overflow-wrap: break-word; display: block; white-space: pre-wrap; + + .safari-hack { + height: 0px; + } } @media (min-width: $break-990) {