wcs/backoffice/management.py

@@ -1425,19 +1425,16 @@ class FormPage(Directory, TempfileDirectoryMixin):
 
         # field filter dialog content
         r += htmltext('<div style="display: none;">')
-        r += htmltext('<ul id="field-filter">')
+        r += htmltext('<ul id="field-filter" class="objects-list">')
         for field in filter_fields:
             addable = getattr(field, 'addable', True)
             r += htmltext('<li %s>') % ('' if addable else 'hidden')
+            r += htmltext('<label for="fields-filter-%s">') % field.contextual_id
             r += htmltext('<input type="checkbox" name="filter-%s"') % field.contextual_id
             if field.enabled:
                 r += htmltext(' checked="checked"')
             r += htmltext(' id="fields-filter-%s"') % field.contextual_id
-            r += htmltext('/>')
-            r += htmltext('<label for="fields-filter-%s">%s</label>') % (
-                field.contextual_id,
-                misc.ellipsize(field.label, 70),
-            )
+            r += htmltext('/>%s</label>') % misc.ellipsize(field.label, 70)
             r += htmltext('</li>')
         r += htmltext('</ul>')
         r += htmltext('</div>')

wcs/qommon/static/css/dc2/admin.scss

@@ -1171,12 +1171,15 @@ ul.columns-filter {
 	list-style: none;
 	padding-left: 0;
 	margin-left: 0;
+	max-height: calc(100vh - 14em);
+	overflow-y: auto;
+	label {
+		display: block;
+	}
 }
 
 ul#field-filter {
-	-webkit-column-count: 2;
-	-moz-column-count: 2;
-	column-count: 2;
+	xcolumn-count: 2;
 }
 
 ul.columns-filter span.handle {