@manuscripts/body-editor 3.16.1 → 3.16.3

package/src/views/inline_equation.ts

@@ -20,6 +20,7 @@ import { renderMath } from '../lib/math'
 import { Trackable } from '../types'
 import { BaseNodeView } from './base_node_view'
 import { createNodeView } from './creators'
+import { handleEnterKey } from '../lib/navigation-utils'
 
 export class InlineEquationView
   extends BaseNodeView<Trackable<InlineEquationNode>>
@@ -28,6 +29,10 @@ export class InlineEquationView
   public initialise() {
     this.createDOM()
     this.updateContents()
+    this.dom.addEventListener(
+      'keydown',
+      handleEnterKey(() => this.selectNode())
+    )
   }
 
   public updateContents() {

package/src/views/inline_equation_editable.ts

@@ -38,6 +38,9 @@ export class InlineEquationEditableView extends InlineEquationView {
         Esc: () => {
           this.props.popper.destroy()
           this.view.focus()
+          const tabbableView =
+            this.dom.querySelector<HTMLElement>('[tabindex="0"]')
+          tabbableView?.focus()
         },
       },
     })

package/styles/Editor.css

@@ -291,7 +291,8 @@
   cursor: pointer;
 }
 .ProseMirror .citation:focus-visible,
-.ProseMirror .cross-reference:focus-visible {
+.ProseMirror .cross-reference:focus-visible,
+.ProseMirror .MathJax:focus-visible {
   outline: 4px solid var(--focus-outline-color);
   outline-offset: var(--focus-outline-offset);
   border-radius: var(--focus-outline-radius);