#6372: Updating “per page” count does not refresh list

netbox/project-static/src/buttons.ts

@@ -265,6 +265,19 @@ function initSelectAll() {
   }
 }
 
+function handlePerPageSelect(event: Event) {
+  const select = event.currentTarget as HTMLSelectElement;
+  if (select.form !== null) {
+    select.form.submit();
+  }
+}
+
+function initPerPage() {
+  for (const element of getElements<HTMLSelectElement>('select.per-page')) {
+    element.addEventListener('change', handlePerPageSelect);
+  }
+}
+
 export function initButtons() {
   for (const func of [
     initRackElevation,
@@ -272,6 +285,7 @@ export function initButtons() {
     initReslug,
     initSelectAll,
     initPreferenceUpdate,
+    initPerPage,
   ]) {
     func();
   }

netbox/templates/inc/paginator.html

@@ -35,7 +35,7 @@
             {% endif %}
         {% endfor %}
         <div class="input-group input-group-sm">
-            <select name="per_page" class="form-select" id="per_page">
+            <select name="per_page" class="form-select per-page">
             {% for n in settings.PER_PAGE_DEFAULTS %}
                 <option value="{{ n }}"{% if page.paginator.per_page == n %} selected="selected"{% endif %}>{{ n }}</option>
             {% endfor %}