[pull] develop from baserow:develop

changelog/entries/unreleased/bug/fix_database_api_docs_toggle_crash.json

@@ -0,0 +1,9 @@
+{
+    "type": "bug",
+    "message": "Fix the database API docs page crashing when opening the database list from the header.",
+    "issue_origin": "github",
+    "issue_number": 5212,
+    "domain": "database",
+    "bullet_points": [],
+    "created_at": "2026-04-16"
+}

changelog/entries/unreleased/bug/fix_database_filter_crash_for_null_select_values.json

@@ -0,0 +1,9 @@
+{
+    "type": "bug",
+    "message": "Fix database filters crashing when select option cells are temporarily null during row evaluation.",
+    "issue_origin": "github",
+    "issue_number": 5217,
+    "domain": "database",
+    "bullet_points": [],
+    "created_at": "2026-04-16"
+}

web-frontend/modules/database/arrayFilterMixins.js

@@ -260,13 +260,17 @@ export const baserowFormulaArrayTypeFilterMixin = {
   },
 }
 
+const getArrayFilterCellValue = (cellValue) => {
+  return Array.isArray(cellValue) ? cellValue : []
+}
+
 export const hasSelectOptionIdEqualMixin = Object.assign(
   {},
   hasValueEqualFilterMixin,
   {
     getHasValueEqualFilterFunction(field) {
       const mapOptionIdsToValues = (cellVal) =>
-        cellVal.map((v) => ({
+        getArrayFilterCellValue(cellVal).map((v) => ({
           id: v.id,
           value: String(v.value?.id ?? ''),
         }))
@@ -292,7 +296,10 @@ export const hasSelectOptionValueContainsFilterMixin = Object.assign(
     getHasValueContainsFilterFunction(field) {
       return (cellValue, filterValue) =>
         genericHasValueContainsFilter(
-          cellValue.map((v) => ({ id: v.id, value: v.value?.value || '' })),
+          getArrayFilterCellValue(cellValue).map((v) => ({
+            id: v.id,
+            value: v.value?.value || '',
+          })),
           filterValue
         )
     },
@@ -306,7 +313,10 @@ export const hasSelectOptionValueContainsWordFilterMixin = Object.assign(
     getHasValueContainsWordFilterFunction(field) {
       return (cellValue, filterValue) =>
         genericHasValueContainsWordFilter(
-          cellValue.map((v) => ({ id: v.id, value: v.value?.value || '' })),
+          getArrayFilterCellValue(cellValue).map((v) => ({
+            id: v.id,
+            value: v.value?.value || '',
+          })),
           filterValue
         )
     },

web-frontend/modules/database/pages/APIDocsDatabase.vue

@@ -4,14 +4,17 @@
       <nuxt-link :to="{ name: 'index' }" class="api-docs__logo">
         <Logo />
       </nuxt-link>
-      <a
+      <button
         ref="databasesToggle"
+        type="button"
         class="api-docs__switch"
-        @click.prevent="databasesOpen.value = !databasesOpen.value"
+        :aria-expanded="databasesOpen"
+        aria-controls="api-docs-databases"
+        @click="databasesOpen = !databasesOpen"
       >
         <i class="api-docs__switch-icon iconoir-db"></i>
         {{ $t('apiDocsDatabase.pageTitle', database) }}
-      </a>
+      </button>
       <div class="api-docs__open">
         <Button
           v-if="database.tables.length > 0"
@@ -28,7 +31,12 @@
         >
       </div>
     </div>
-    <div v-show="databasesOpen" ref="databases" class="api-docs__databases">
+    <div
+      v-show="databasesOpen"
+      id="api-docs-databases"
+      ref="databases"
+      class="api-docs__databases"
+    >
       <div class="api-docs__databases-inner">
         <APIDocsSelectDatabase :selected="database.id" />
         <nuxt-link :to="{ name: 'dashboard' }" class="select-application__back">