apostrophe 3.45.0 → 3.45.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 3.45.1 (2023-04-28)
+
+### Fixes
+
+* Added missing styles to ensure consistent presentation of the rich text insert menu.
+* Fixed a bug in which clicking on an image in the media manager would close the "insert
+image" dialog box.
+
 ## 3.45.0 (2023-04-27)
 
 ### Adds

package/modules/@apostrophecms/modal/ui/apos/apps/AposModals.js

@@ -41,7 +41,20 @@ export default function() {
       // or el2 is not a modal, it is treated as its DOM
       // parent modal, or as `document`. If el1 has no
       // parent modal this method always returns false.
+      //
+      // If el1 is no longer connected to the DOM then it
+      // is also considered to be "on top" e.g. not something
+      // that should concern `v-click-outside-element` and
+      // similar functionality. This is necessary because
+      // sometimes Vue removes elements from the DOM before
+      // we can examine their relationships.
       onTopOf(el1, el2) {
+        if (!el1.isConnected) {
+          // If el1 is no longer in the DOM we can't make a proper determination,
+          // returning true prevents unwanted things like click-outside-element
+          // events from firing
+          return true;
+        }
         if (!el1.matches('[data-apos-modal]')) {
           el1 = el1.closest('[data-apos-modal]') || document;
         }

package/modules/@apostrophecms/rich-text-widget/ui/apos/components/AposRichTextWidgetEditor.vue

@@ -678,6 +678,7 @@ function traverseNextNode(node) {
     border: 1px solid var(--a-base-8);
     color: var(--a-base-1);
     font-family: var(--a-family-default);
+    font-size: var(--a-type-base);
   }
 
   .apos-rich-text-insert-menu-item {
@@ -694,6 +695,11 @@ function traverseNextNode(node) {
     flex-direction: column;
     h4, p {
       margin: 4px;
+      font-family: var(--a-family-default);
+      font-size: var(--a-type-base);
+    }
+    h4 {
+      font-weight: bold;
     }
   }
   .apos-rich-text-insert-menu-icon {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apostrophe",
-  "version": "3.45.0",
+  "version": "3.45.1",
   "description": "The Apostrophe Content Management System.",
   "main": "index.js",
   "scripts": {