Fix Uncaught TypeError: e.currentTarget.children[0] is undefined

jotak · jotak · commit 17a349879664 · 2024-11-21T10:28:56.000+01:00
diff --git a/web/src/components/drawer/record/record-field.tsx b/web/src/components/drawer/record/record-field.tsx
@@ -52,7 +52,7 @@ export const RecordField: React.FC<RecordFieldProps> = ({
       const isTruncated =
         event.currentTarget.offsetHeight < event.currentTarget.scrollHeight ||
         event.currentTarget.offsetWidth < event.currentTarget.scrollWidth ||
-        event.currentTarget.children[0].className === 'force-truncate';
+        (event.currentTarget.children.length > 0 && event.currentTarget.children[0].className === 'force-truncate');
       event.currentTarget.className = isTruncated ? `${className} truncated ${size}` : `${className} ${size}`;
     }
   };

Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@ export const RecordField: React.FC<RecordFieldProps> = ({`
`52`	`52`	`const isTruncated =`
`53`	`53`	`event.currentTarget.offsetHeight < event.currentTarget.scrollHeight \|\|`
`54`	`54`	`event.currentTarget.offsetWidth < event.currentTarget.scrollWidth \|\|`
`55`		`- event.currentTarget.children[0].className === 'force-truncate';`
	`55`	`+ (event.currentTarget.children.length > 0 && event.currentTarget.children[0].className === 'force-truncate');`
`56`	`56`	event.currentTarget.className = isTruncated ? `${className} truncated ${size}` : `${className} ${size}`;
`57`	`57`	`}`
`58`	`58`	`};`