#434

frontend/src/components/counts/CountsControls.tsx

@@ -92,6 +92,7 @@ const CountsControls = (
   const update = (key: string, value: string) => setDraft (previous => {
     const next = new URLSearchParams (previous)
     setCountState (next, key, value)
+    if (key === 'limit') next.delete ('page')
     if (next.toString () === previous.toString ()) return previous
     if (['rows', 'cols'].includes (key) && next.get ('sort') !== '') next.delete ('sort')
     if (key !== 'mode') return next
@@ -153,10 +154,13 @@ const CountsControls = (
       <legend className="sr-only">{label ('displaySettings')}</legend>
       <label className="inline-flex items-center gap-1 text-sm">
 	{label ('fields.limit')}
-	<input value={draft.get ('limit') ?? '20'}
+	<select value={draft.get ('limit') ?? '100'}
 	    aria-label={message ('fields.limit').text}
 	    className={inputClass (false, 'w-20 py-1')}
-	    onChange={event => update ('limit', event.target.value)}/>
+	    onChange={event => update ('limit', event.target.value)}>
+          {[20, 50, 100].map (count => <option key={count} value={count}>
+            {label ('shared:labels.resultsCount', { count })}</option>)}
+        </select>
       </label>
       <label className="inline-flex items-center gap-1 text-sm">
 	<input type="checkbox" checked={draft.get ('row_numbers') === '1'}