#434

frontend/src/components/counts/CountsSelectableTable.tsx

@@ -129,7 +129,7 @@ const CountsSelectableTable = (
 	    aria-activedescendant={selection == null ? undefined
 		: `${id}-${selection.end.row}-${selection.end.column}`}
 	    style={{ tableLayout: 'fixed', width: totalWidth }}
-	    className={cn ('select-none border-separate border-spacing-0 outline-none',
+	    className={cn ('counts-grid select-none border-separate border-spacing-0 outline-none',
 		'focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500',
 		'dark:focus-visible:outline-blue-400',
 		'[&>tbody>tr>td[data-counts-selected]]:bg-blue-100',
@@ -144,6 +144,12 @@ const CountsSelectableTable = (
 	      const element = event.target as Element
 	      if (element.closest ('table') !== event.currentTarget
 		  || element.closest (interactive) != null || event.button !== 0) return
+	      if (element instanceof HTMLElement && element.hasAttribute ('data-counts-scroll'))
+	      {
+		const rect = element.getBoundingClientRect ()
+		if (event.clientX >= rect.left + element.clientLeft + element.clientWidth
+		    || event.clientY >= rect.top + element.clientTop + element.clientHeight) return
+	      }
 	      const point = pointFor (element)
 	      if (point == null) return
 	      event.stopPropagation ()