apostrophe 4.27.0 → 4.27.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 4.27.1 (2026-03-03)
+
+### Fixes
+
+- Fixes two conditions where slow internet speed could cause relationship field inputs to lose focus before a selection can be registered.
+- Fixes a subtle bug in AposPermissionGrid that caused unrelated clicks to be "swallowed" due to a race condition at low network speeds.
+
 ## 4.27.0 (2026-02-18)
 
 ### Adds

package/modules/@apostrophecms/permission/ui/apos/components/AposPermissionGrid.vue

@@ -91,9 +91,21 @@ export default {
   },
   watch: {
     apiParams: {
-      async handler() {
+      async handler(newValue, oldValue) {
+        // The way we pass the props to this component as an object every
+        // means that everything gets flagged as a change every time the
+        // component is included in a render.
+        //
+        // So we need to compare the actual data, and this is a simple way
+        // to do that deeply for both regular and advanced permission.
+        if (JSON.stringify(newValue) === JSON.stringify(oldValue)) {
+          return;
+        }
         this.permissionSets = await this.getPermissionSets();
       },
+      // Still in place in case we stop passing a new object
+      // every time, in which case this wouldn't fire
+      // without it. -Tom
       deep: true
     }
   },

package/modules/@apostrophecms/schema/ui/apos/components/AposSearchList.vue

@@ -28,7 +28,7 @@
       v-apos-tooltip="getTooltip(item)"
       aria-selected="false"
       :class="getClasses(item, index)"
-      @click="select(item)"
+      @pointerdown.prevent="select(item)"
     >
       <div
         v-if="item?.attachment?._urls?.['one-sixth']"
@@ -43,7 +43,10 @@
         class="apos-button__icon"
         fill-color="currentColor"
       />
-      <div class="apos-search__item__title">
+      <div
+        class="apos-search__item__title"
+        data-apos-test="searchItemTitle"
+      >
         {{ item.title }}
       </div>
       <div
@@ -188,6 +191,9 @@ export default {
 
     & {
       color: var(--a-text-primary);
+      max-width: 40ch;
+      overflow-wrap: break-word;
+      word-break: break-all;
     }
   }
 

package/modules/@apostrophecms/schema/ui/apos/logic/AposInputRelationship.js

@@ -37,6 +37,7 @@ export default {
       subfields,
       disabled: false,
       searching: false,
+      searchRequestId: 0,
       choosing: false,
       relationshipSchema: null
     };
@@ -176,6 +177,7 @@ export default {
       );
     },
     async search(qs) {
+      const requestId = ++this.searchRequestId;
       const action = apos.modules[this.field.withType].action;
       const isPage = apos.modules['@apostrophecms/page'].validPageTypes
         .includes(this.field.withType);
@@ -200,6 +202,10 @@ export default {
         qs
       });
 
+      if (requestId !== this.searchRequestId) {
+        return;
+      }
+
       const removeSelectedItem = item => !this.next.map(i => i._id).includes(item._id);
       const formatItems = item => ({
         ...item,
@@ -216,10 +222,6 @@ export default {
       this.searching = false;
     },
     async input () {
-      if (this.searching) {
-        return;
-      }
-
       const trimmed = this.searchTerm.trim();
       const qs = trimmed.length
         ? {

package/modules/@apostrophecms/schema/ui/apos/logic/AposSearchList.js

@@ -69,6 +69,9 @@ export default {
   emits: [ 'select' ],
   methods: {
     select(item) {
+      if (item.disabled) {
+        return;
+      }
       const selectedItems = this.selectedItems;
       if (!selectedItems.some(selectedItem => selectedItem._id === item._id)) {
         // Never modify a prop

package/modules/@apostrophecms/ui/ui/apos/components/AposCombo.vue

@@ -21,7 +21,8 @@
         v-for="checked in selectedItems"
         :key="objectValues ? checked.value : checked"
         class="apos-combo__selected"
-        @click.stop="selectOption(getSelectedOption(checked))"
+        @pointerdown.stop.prevent="selectOption(getSelectedOption(checked))"
+        @click.stop
       >
         {{ getSelectedOption(checked)?.label }}
         <AposIndicator
@@ -74,7 +75,8 @@
         class="apos-combo__list-item"
         role="menuitemcheckbox"
         :class="{focused: focusedItemIndex === i}"
-        @click.stop="selectOption(choice)"
+        @pointerdown.stop.prevent="selectOption(choice)"
+        @click.stop
         @mouseover="focusedItemIndex = i"
       >
         <AposIndicator

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apostrophe",
-  "version": "4.27.0",
+  "version": "4.27.1",
   "description": "The Apostrophe Content Management System.",
   "main": "index.js",
   "repository": {
@@ -120,10 +120,10 @@
     "webpack-merge": "^5.7.3",
     "xregexp": "^2.0.0",
     "@apostrophecms/emulate-mongo-3-driver": "^1.0.6",
-    "broadband": "^1.1.0",
-    "boring": "^1.1.1",
     "express-cache-on-demand": "^1.0.4",
     "postcss-viewport-to-container-toggle": "^2.2.0",
+    "boring": "^1.1.1",
+    "broadband": "^1.1.0",
     "sanitize-html": "^2.17.0"
   },
   "devDependencies": {