apostrophe 4.27.0 → 4.27.1-alpha.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 4.27.1-alpha.1
+
+### Patch Changes
+
+### Fixes
+
+- Relationship field: fixes two conditions where slow internet speed could cause input to lose focus before a selection can be registered. Thanks to Gysho for the report and the fix.
+
 ## 4.27.0 (2026-02-18)
 
 ### Adds

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']"

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,7 @@
         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))"
       >
         {{ getSelectedOption(checked)?.label }}
         <AposIndicator
@@ -74,7 +74,7 @@
         class="apos-combo__list-item"
         role="menuitemcheckbox"
         :class="{focused: focusedItemIndex === i}"
-        @click.stop="selectOption(choice)"
+        @pointerdown.stop.prevent="selectOption(choice)"
         @mouseover="focusedItemIndex = i"
       >
         <AposIndicator

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apostrophe",
-  "version": "4.27.0",
+  "version": "4.27.1-alpha.1",
   "description": "The Apostrophe Content Management System.",
   "main": "index.js",
   "repository": {
@@ -121,9 +121,9 @@
     "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",
     "sanitize-html": "^2.17.0"
   },
   "devDependencies": {
@@ -132,8 +132,8 @@
     "mocha": "^11.7.1",
     "nyc": "^17.1.0",
     "stylelint": "^16.5.0",
-    "eslint-config-apostrophe": "^6.0.2",
-    "stylelint-config-apostrophe": "^4.4.0"
+    "stylelint-config-apostrophe": "^4.4.0",
+    "eslint-config-apostrophe": "^6.0.2"
   },
   "browserslist": [
     "ie >= 10"