apostrophe 4.27.1-alpha.1 → 4.27.1

package/CHANGELOG.md

@@ -1,12 +1,11 @@
 # Changelog
 
-## 4.27.1-alpha.1
-
-### Patch Changes
+## 4.27.1 (2026-03-03)
 
 ### 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.
+- 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)
 

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

@@ -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/ui/ui/apos/components/AposCombo.vue

@@ -22,6 +22,7 @@
         :key="objectValues ? checked.value : checked"
         class="apos-combo__selected"
         @pointerdown.stop.prevent="selectOption(getSelectedOption(checked))"
+        @click.stop
       >
         {{ getSelectedOption(checked)?.label }}
         <AposIndicator
@@ -75,6 +76,7 @@
         role="menuitemcheckbox"
         :class="{focused: focusedItemIndex === i}"
         @pointerdown.stop.prevent="selectOption(choice)"
+        @click.stop
         @mouseover="focusedItemIndex = i"
       >
         <AposIndicator

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apostrophe",
-  "version": "4.27.1-alpha.1",
+  "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",
     "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": {
@@ -132,8 +132,8 @@
     "mocha": "^11.7.1",
     "nyc": "^17.1.0",
     "stylelint": "^16.5.0",
-    "stylelint-config-apostrophe": "^4.4.0",
-    "eslint-config-apostrophe": "^6.0.2"
+    "eslint-config-apostrophe": "^6.0.2",
+    "stylelint-config-apostrophe": "^4.4.0"
   },
   "browserslist": [
     "ie >= 10"