@pie-lib/math-input-mathlive 1.0.10 → 1.0.12

package/lib/mf/static.js

@@ -245,6 +245,10 @@ var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
               // The mathfield renders in shadow DOM, so page CSS cannot reach it - the
               // stretchy-accent fix has to be injected there directly.
               (0, _mathliveInstance.applyShadowStyles)(this.mathField);
+
+              // A selected `\placeholder{}` gets no MathLive caret; draw one. Answer
+              // blocks are typed into with the same keypad, so they grow placeholders too.
+              this.untrackCaret = (0, _mathliveInstance.trackPlaceholderCaret)(this.mathField);
               this.mathField.addEventListener('input', this.onPromptInput);
               this.mathField.addEventListener('focusin', this.onPromptFocus);
               this.mathField.addEventListener('keydown', this.onKeyDown);
@@ -280,6 +284,10 @@ var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
     value: function componentWillUnmount() {
       // Invalidate any mount still awaiting the MathLive load.
       this.mountGeneration = (this.mountGeneration || 0) + 1;
+      if (this.untrackCaret) {
+        this.untrackCaret();
+        this.untrackCaret = undefined;
+      }
       if (this.mathField) {
         this.mathField.removeEventListener('input', this.onPromptInput);
         this.mathField.removeEventListener('focusin', this.onPromptFocus);
@@ -336,6 +344,13 @@ var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
       var _this3 = this;
       return {
         id: id,
+        // MathQuill's inner fields could be focused directly; keep that.
+        focus: function focus() {
+          if (_this3.mathField) {
+            _this3.mathField.focus();
+            _this3.focusPrompt(id);
+          }
+        },
         latex: function latex(value) {
           if (!_this3.mathField) {
             return '';
@@ -361,10 +376,76 @@ var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
         return _this4.promptHandle(id);
       });
     }
+  }, {
+    key: "promptContaining",
+    value: /** The id of the prompt whose range contains `position`, if any. */
+    function promptContaining(position) {
+      var _this5 = this;
+      if (!this.mathField || typeof position !== 'number') {
+        return undefined;
+      }
+      return (this.mathField.getPrompts() || []).find(function (id) {
+        var range = _this5.mathField.getPromptRange(id);
+        return range && position >= range[0] && position <= range[1];
+      });
+    }
+
+    /**
+     * Put a blinking caret inside an answer block.
+     *
+     * MathLive only makes the caret visible while the field element carries the
+     * `ML__focused` class, and it adds that class during a *render*, gated on
+     * `isSelectionEditable && hasFocus()`. In a read-only field only prompt
+     * interiors are editable, so the two things both have to be true:
+     *
+     *  - the selection must sit inside a prompt, and
+     *  - a render must run afterwards.
+     *
+     * Assigning `selection` satisfies the first but not the second - it updates
+     * the model without re-rendering, so the class stays off and the caret span
+     * remains `visibility: hidden`. Executing any command does trigger the
+     * render, and `scrollIntoView` is the one with no other effect: it keeps the
+     * caret on screen, which the preceding `focus()` already does anyway.
+     *
+     * @param {string} [id] prompt to focus; defaults to the first one
+     */
+  }, {
+    key: "focusPrompt",
+    value: function focusPrompt(id) {
+      if (!this.mathField) {
+        return;
+      }
+      var ids = this.mathField.getPrompts() || [];
+      var target = id && ids.indexOf(id) !== -1 ? id : ids[0];
+      if (!target) {
+        return;
+      }
+      var range = this.mathField.getPromptRange(target);
+      if (!range) {
+        return;
+      }
+      this.mathField.selection = {
+        ranges: [[range[0], range[0]]]
+      };
+      if (typeof this.mathField.executeCommand === 'function') {
+        this.mathField.executeCommand('scrollIntoView');
+      }
+    }
   }, {
     key: "focus",
     value: function focus() {
-      this.mathField && this.mathField.focus();
+      if (!this.mathField) {
+        return;
+      }
+      this.mathField.focus();
+
+      // A bare focus() leaves the selection outside every prompt, which in a
+      // read-only field is not editable - the block looked focused but had no
+      // cursor. Clicking a prompt already works, because MathLive's own pointer
+      // handling moves the selection and re-renders.
+      if (!this.promptContaining(this.mathField.position)) {
+        this.focusPrompt();
+      }
     }
   }, {
     key: "blur",

package/lib/mf/static.js.map

@@ -1 +1 @@
-{"version":3,"file":"static.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_mathliveInstance","_latexBridge","_commonStyles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","Holder","styled","display","placeholderStyles","border","background","Static","exports","_React$Component","props","_this","_classCallCheck2","document","liveRegion","createElement","assign","style","position","width","height","marginTop","clip","overflow","setAttribute","body","appendChild","parentNode","removeChild","undefined","message","textContent","clearTimeout","announceTimeout","setTimeout","event","isDeleting","key","next","converted","some","id","before","promptValues","after","test","slice","announce","_this$props","onSubFieldChange","getFieldName","mathField","values","announceConversion","fields","innerFields","name","promptHandle","_this$props2","onSubFieldFocus","ids","getPrompts","focused","find","range","getPromptRange","selection","ranges","_range","_slicedToArray2","start","end","_selection$ranges$","selStart","handle","setInput","holderRef","React","createRef","state","markup","_inherits2","_createClass2","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","generation","ml","wrap","_context","prev","mountGeneration","isInteractive","loadMathLive","renderMarkup","abrupt","sent","current","MathfieldElement","macros","getMacros","readOnly","mathVirtualKeyboardPolicy","mathModeSpace","MATH_MODE_SPACE","toMathLive","latex","applyShadowStyles","addEventListener","onPromptInput","onPromptFocus","onKeyDown","replaceChildren","createLiveRegion","stop","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","removeEventListener","remove","removeLiveRegion","fieldIds","indexOf","latexToMarkup","setState","_this2","out","fromMathLive","getPromptValue","_this3","setPromptValue","get","_this4","map","focus","blur","render","_this$props3","className","onFocus","onBlur","ref","dangerouslySetInnerHTML","__html","Component","PropTypes","string","isRequired","func"],"sources":["../../src/mf/static.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { loadMathLive, getMacros, latexToMarkup, MATH_MODE_SPACE, applyShadowStyles } from '../mathlive-instance';\nimport { toMathLive, fromMathLive, fieldIds } from '../latex-bridge';\nimport { placeholderStyles } from './common-styles';\n\nconst log = debug('pie-lib:math-input-mathlive:static');\n\nconst Holder = styled('span')({\n  display: 'inline-block',\n  // Shared static-math rules: muted empty-slot glyphs and svg containment.\n  ...placeholderStyles,\n  '& math-field': {\n    display: 'inline-block',\n    border: 'none',\n    background: 'transparent',\n  },\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n});\n\n/**\n * Static math. Drop-in replacement for @pie-lib/math-input's `mq.Static`.\n *\n * Two modes, chosen automatically:\n *\n *  - **display** (no answer blocks in the latex): rendered with\n *    `convertLatexToMarkup`. No mathfield instance, so it is cheap enough for\n *    keypad labels - the old implementation created a full MathQuill\n *    StaticMath per button.\n *\n *  - **interactive** (latex contains `\\MathQuillMathField[..]{}` /\n *    `\\placeholder[..]{}`): a read-only `<math-field>` whose placeholders stay\n *    editable. Sub-field values are surfaced through the prompts API, replacing\n *    MathQuill's `innerFields`.\n */\nexport default class Static extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    getFieldName: PropTypes.func,\n    onSubFieldChange: PropTypes.func,\n    onSubFieldFocus: PropTypes.func,\n    setInput: PropTypes.func,\n  };\n\n  static defaultProps = {\n    getFieldName: () => {},\n  };\n\n  constructor(props) {\n    super(props);\n    this.holderRef = React.createRef();\n    this.state = { markup: '' };\n    this.promptValues = {};\n  }\n\n  async componentDidMount() {\n    // See the note in mf/input.jsx: a generation counter, not a boolean, so a\n    // StrictMode mount -> unmount -> mount on the same instance still ends up\n    // with exactly one field.\n    const generation = (this.mountGeneration = (this.mountGeneration || 0) + 1);\n\n    if (!this.isInteractive()) {\n      await loadMathLive();\n\n      if (generation === this.mountGeneration) {\n        this.renderMarkup();\n      }\n\n      return;\n    }\n\n    const ml = await loadMathLive();\n\n    if (generation !== this.mountGeneration || !ml || !this.holderRef.current || this.mathField) {\n      return;\n    }\n\n    this.mathField = new ml.MathfieldElement({ macros: getMacros() });\n    this.mathField.readOnly = true;\n    this.mathField.mathVirtualKeyboardPolicy = 'manual';\n    // Without this the spacebar does nothing: MathLive's mathModeSpace\n    // defaults to an empty string.\n    this.mathField.mathModeSpace = MATH_MODE_SPACE;\n    this.mathField.value = toMathLive(this.props.latex);\n\n    // The mathfield renders in shadow DOM, so page CSS cannot reach it - the\n    // stretchy-accent fix has to be injected there directly.\n    applyShadowStyles(this.mathField);\n\n    this.mathField.addEventListener('input', this.onPromptInput);\n    this.mathField.addEventListener('focusin', this.onPromptFocus);\n    this.mathField.addEventListener('keydown', this.onKeyDown);\n\n    // Belt and braces: drop anything a previous mount may have left behind.\n    this.holderRef.current.replaceChildren(this.mathField);\n\n    this.createLiveRegion();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.latex === this.props.latex) {\n      return;\n    }\n\n    if (this.mathField) {\n      this.mathField.value = toMathLive(this.props.latex);\n    } else {\n      this.renderMarkup();\n    }\n  }\n\n  componentWillUnmount() {\n    // Invalidate any mount still awaiting the MathLive load.\n    this.mountGeneration = (this.mountGeneration || 0) + 1;\n\n    if (this.mathField) {\n      this.mathField.removeEventListener('input', this.onPromptInput);\n      this.mathField.removeEventListener('focusin', this.onPromptFocus);\n      this.mathField.removeEventListener('keydown', this.onKeyDown);\n      this.mathField.remove();\n      this.mathField = undefined;\n    }\n\n    this.removeLiveRegion();\n  }\n\n  /**\n   * Off-screen aria-live region, ported from @pie-lib/math-input's Static.\n   *\n   * MathLive has its own accessibility layer, but it does not announce that\n   * typed input was converted into a math symbol, which screen-reader users\n   * relied on in the MathQuill implementation.\n   */\n  createLiveRegion = () => {\n    if (typeof document === 'undefined' || this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion = document.createElement('div');\n    Object.assign(this.liveRegion.style, {\n      position: 'absolute',\n      width: '1px',\n      height: '1px',\n      marginTop: '-1px',\n      clip: 'rect(1px, 1px, 1px, 1px)',\n      overflow: 'hidden',\n    });\n    this.liveRegion.setAttribute('aria-live', 'polite');\n    this.liveRegion.setAttribute('aria-atomic', 'true');\n\n    document.body.appendChild(this.liveRegion);\n  };\n\n  removeLiveRegion = () => {\n    if (this.liveRegion && this.liveRegion.parentNode) {\n      this.liveRegion.parentNode.removeChild(this.liveRegion);\n    }\n\n    this.liveRegion = undefined;\n  };\n\n  announce = (message) => {\n    if (!this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion.textContent = message;\n\n    // Clear once announced, so the same message can be announced again.\n    clearTimeout(this.announceTimeout);\n    this.announceTimeout = setTimeout(() => {\n      if (this.liveRegion) {\n        this.liveRegion.textContent = '';\n      }\n    }, 500);\n  };\n\n  onKeyDown = (event) => {\n    // Deletions should not be announced as conversions.\n    this.isDeleting = event?.key === 'Backspace' || event?.key === 'Delete';\n  };\n\n  /**\n   * Announce when typed input became a math symbol. The MathQuill version\n   * inferred this by counting braces; here a prompt whose latex grew by more\n   * than the single character typed means a command was expanded.\n   */\n  announceConversion = (next) => {\n    if (this.isDeleting) {\n      this.isDeleting = false;\n      return;\n    }\n\n    const converted = Object.keys(next).some((id) => {\n      const before = this.promptValues[id] || '';\n      const after = next[id] || '';\n\n      return after.length > before.length + 1 && /\\\\/.test(after.slice(before.length));\n    });\n\n    if (converted) {\n      this.announce('Converted to math symbol');\n    }\n  };\n\n  /** Does this latex contain answer blocks? */\n  isInteractive() {\n    const latex = this.props.latex || '';\n\n    return fieldIds(latex).length > 0 || latex.indexOf('\\\\placeholder') !== -1;\n  }\n\n  renderMarkup() {\n    const markup = latexToMarkup(this.props.latex);\n\n    if (markup !== this.state.markup) {\n      this.setState({ markup });\n    }\n  }\n\n  /** MathQuill's `innerFields` equivalent, keyed by prompt id. */\n  values() {\n    if (!this.mathField) {\n      return {};\n    }\n\n    const out = {};\n\n    (this.mathField.getPrompts() || []).forEach((id) => {\n      out[id] = fromMathLive(this.mathField.getPromptValue(id));\n    });\n\n    return out;\n  }\n\n  /**\n   * A MathQuill-inner-field-like handle for a prompt.\n   *\n   * The old API handed callers a MathQuill field object, and consumers commonly\n   * called `field.latex()` on it. There is no equivalent object in MathLive -\n   * prompts are addressed by id - so this adapter exposes the parts that were\n   * actually used: `id` and a get/set `latex()`.\n   */\n  promptHandle(id) {\n    return {\n      id,\n      latex: (value) => {\n        if (!this.mathField) {\n          return '';\n        }\n\n        if (value === undefined) {\n          return fromMathLive(this.mathField.getPromptValue(id));\n        }\n\n        this.mathField.setPromptValue(id, toMathLive(value), {});\n\n        return value;\n      },\n    };\n  }\n\n  /** All prompt handles, the analogue of `mathField.innerFields`. */\n  get innerFields() {\n    if (!this.mathField) {\n      return [];\n    }\n\n    return (this.mathField.getPrompts() || []).map((id) => this.promptHandle(id));\n  }\n\n  onPromptInput = () => {\n    const { onSubFieldChange, getFieldName } = this.props;\n\n    if (!this.mathField) {\n      return;\n    }\n\n    const next = this.values();\n\n    this.announceConversion(next);\n\n    if (!onSubFieldChange) {\n      this.promptValues = next;\n      return;\n    }\n\n    const fields = this.innerFields;\n\n    // Emit only the prompts whose value actually changed, mirroring the\n    // per-field granularity of the old onSubFieldChange(name, latex).\n    Object.keys(next).forEach((id) => {\n      if (next[id] === this.promptValues[id]) {\n        return;\n      }\n\n      const name = getFieldName(this.promptHandle(id), fields) || id;\n\n      onSubFieldChange(name, next[id]);\n    });\n\n    this.promptValues = next;\n  };\n\n  onPromptFocus = () => {\n    const { onSubFieldFocus, getFieldName } = this.props;\n\n    if (!this.mathField || !onSubFieldFocus) {\n      return;\n    }\n\n    try {\n      const ids = this.mathField.getPrompts() || [];\n      // The focused prompt is the one containing the current selection.\n      const focused = ids.find((id) => {\n        const range = this.mathField.getPromptRange(id);\n        const selection = this.mathField.selection;\n\n        if (!range || !selection || !selection.ranges || !selection.ranges.length) {\n          return false;\n        }\n\n        const [start, end] = range;\n        const [selStart] = selection.ranges[0];\n\n        return selStart >= start && selStart <= end;\n      });\n\n      if (focused) {\n        const handle = this.promptHandle(focused);\n        const name = getFieldName(handle, this.innerFields) || focused;\n\n        if (this.props.setInput) {\n          this.props.setInput(handle);\n        }\n\n        onSubFieldFocus(name, handle);\n      }\n    } catch (e) {\n      log('error resolving focused prompt: %s', e.message);\n    }\n  };\n\n  focus() {\n    this.mathField && this.mathField.focus();\n  }\n\n  blur() {\n    this.mathField && this.mathField.blur();\n  }\n\n  render() {\n    const { className, onFocus, onBlur } = this.props;\n    const { markup } = this.state;\n\n    if (this.mathField || this.isInteractive()) {\n      return <Holder className={className} onFocus={onFocus} onBlur={onBlur} ref={this.holderRef} />;\n    }\n\n    return (\n      <Holder\n        className={className}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={this.holderRef}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{ __html: markup }}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"static.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_mathliveInstance","_latexBridge","_commonStyles","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","Holder","styled","display","placeholderStyles","border","background","Static","exports","_React$Component","props","_this","_classCallCheck2","document","liveRegion","createElement","assign","style","position","width","height","marginTop","clip","overflow","setAttribute","body","appendChild","parentNode","removeChild","undefined","message","textContent","clearTimeout","announceTimeout","setTimeout","event","isDeleting","key","next","converted","some","id","before","promptValues","after","test","slice","announce","_this$props","onSubFieldChange","getFieldName","mathField","values","announceConversion","fields","innerFields","name","promptHandle","_this$props2","onSubFieldFocus","ids","getPrompts","focused","find","range","getPromptRange","selection","ranges","_range","_slicedToArray2","start","end","_selection$ranges$","selStart","handle","setInput","holderRef","React","createRef","state","markup","_inherits2","_createClass2","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","generation","ml","wrap","_context","prev","mountGeneration","isInteractive","loadMathLive","renderMarkup","abrupt","sent","current","MathfieldElement","macros","getMacros","readOnly","mathVirtualKeyboardPolicy","mathModeSpace","MATH_MODE_SPACE","toMathLive","latex","applyShadowStyles","untrackCaret","trackPlaceholderCaret","addEventListener","onPromptInput","onPromptFocus","onKeyDown","replaceChildren","createLiveRegion","stop","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","removeEventListener","remove","removeLiveRegion","fieldIds","indexOf","latexToMarkup","setState","_this2","out","fromMathLive","getPromptValue","_this3","focus","focusPrompt","setPromptValue","get","_this4","map","promptContaining","_this5","target","executeCommand","blur","render","_this$props3","className","onFocus","onBlur","ref","dangerouslySetInnerHTML","__html","Component","PropTypes","string","isRequired","func"],"sources":["../../src/mf/static.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport {\n  loadMathLive,\n  getMacros,\n  latexToMarkup,\n  MATH_MODE_SPACE,\n  applyShadowStyles,\n  trackPlaceholderCaret,\n} from '../mathlive-instance';\nimport { toMathLive, fromMathLive, fieldIds } from '../latex-bridge';\nimport { placeholderStyles } from './common-styles';\n\nconst log = debug('pie-lib:math-input-mathlive:static');\n\nconst Holder = styled('span')({\n  display: 'inline-block',\n  // Shared static-math rules: muted empty-slot glyphs and svg containment.\n  ...placeholderStyles,\n  '& math-field': {\n    display: 'inline-block',\n    border: 'none',\n    background: 'transparent',\n  },\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n});\n\n/**\n * Static math. Drop-in replacement for @pie-lib/math-input's `mq.Static`.\n *\n * Two modes, chosen automatically:\n *\n *  - **display** (no answer blocks in the latex): rendered with\n *    `convertLatexToMarkup`. No mathfield instance, so it is cheap enough for\n *    keypad labels - the old implementation created a full MathQuill\n *    StaticMath per button.\n *\n *  - **interactive** (latex contains `\\MathQuillMathField[..]{}` /\n *    `\\placeholder[..]{}`): a read-only `<math-field>` whose placeholders stay\n *    editable. Sub-field values are surfaced through the prompts API, replacing\n *    MathQuill's `innerFields`.\n */\nexport default class Static extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    getFieldName: PropTypes.func,\n    onSubFieldChange: PropTypes.func,\n    onSubFieldFocus: PropTypes.func,\n    setInput: PropTypes.func,\n  };\n\n  static defaultProps = {\n    getFieldName: () => {},\n  };\n\n  constructor(props) {\n    super(props);\n    this.holderRef = React.createRef();\n    this.state = { markup: '' };\n    this.promptValues = {};\n  }\n\n  async componentDidMount() {\n    // See the note in mf/input.jsx: a generation counter, not a boolean, so a\n    // StrictMode mount -> unmount -> mount on the same instance still ends up\n    // with exactly one field.\n    const generation = (this.mountGeneration = (this.mountGeneration || 0) + 1);\n\n    if (!this.isInteractive()) {\n      await loadMathLive();\n\n      if (generation === this.mountGeneration) {\n        this.renderMarkup();\n      }\n\n      return;\n    }\n\n    const ml = await loadMathLive();\n\n    if (generation !== this.mountGeneration || !ml || !this.holderRef.current || this.mathField) {\n      return;\n    }\n\n    this.mathField = new ml.MathfieldElement({ macros: getMacros() });\n    this.mathField.readOnly = true;\n    this.mathField.mathVirtualKeyboardPolicy = 'manual';\n    // Without this the spacebar does nothing: MathLive's mathModeSpace\n    // defaults to an empty string.\n    this.mathField.mathModeSpace = MATH_MODE_SPACE;\n    this.mathField.value = toMathLive(this.props.latex);\n\n    // The mathfield renders in shadow DOM, so page CSS cannot reach it - the\n    // stretchy-accent fix has to be injected there directly.\n    applyShadowStyles(this.mathField);\n\n    // A selected `\\placeholder{}` gets no MathLive caret; draw one. Answer\n    // blocks are typed into with the same keypad, so they grow placeholders too.\n    this.untrackCaret = trackPlaceholderCaret(this.mathField);\n\n    this.mathField.addEventListener('input', this.onPromptInput);\n    this.mathField.addEventListener('focusin', this.onPromptFocus);\n    this.mathField.addEventListener('keydown', this.onKeyDown);\n\n    // Belt and braces: drop anything a previous mount may have left behind.\n    this.holderRef.current.replaceChildren(this.mathField);\n\n    this.createLiveRegion();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.latex === this.props.latex) {\n      return;\n    }\n\n    if (this.mathField) {\n      this.mathField.value = toMathLive(this.props.latex);\n    } else {\n      this.renderMarkup();\n    }\n  }\n\n  componentWillUnmount() {\n    // Invalidate any mount still awaiting the MathLive load.\n    this.mountGeneration = (this.mountGeneration || 0) + 1;\n\n    if (this.untrackCaret) {\n      this.untrackCaret();\n      this.untrackCaret = undefined;\n    }\n\n    if (this.mathField) {\n      this.mathField.removeEventListener('input', this.onPromptInput);\n      this.mathField.removeEventListener('focusin', this.onPromptFocus);\n      this.mathField.removeEventListener('keydown', this.onKeyDown);\n      this.mathField.remove();\n      this.mathField = undefined;\n    }\n\n    this.removeLiveRegion();\n  }\n\n  /**\n   * Off-screen aria-live region, ported from @pie-lib/math-input's Static.\n   *\n   * MathLive has its own accessibility layer, but it does not announce that\n   * typed input was converted into a math symbol, which screen-reader users\n   * relied on in the MathQuill implementation.\n   */\n  createLiveRegion = () => {\n    if (typeof document === 'undefined' || this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion = document.createElement('div');\n    Object.assign(this.liveRegion.style, {\n      position: 'absolute',\n      width: '1px',\n      height: '1px',\n      marginTop: '-1px',\n      clip: 'rect(1px, 1px, 1px, 1px)',\n      overflow: 'hidden',\n    });\n    this.liveRegion.setAttribute('aria-live', 'polite');\n    this.liveRegion.setAttribute('aria-atomic', 'true');\n\n    document.body.appendChild(this.liveRegion);\n  };\n\n  removeLiveRegion = () => {\n    if (this.liveRegion && this.liveRegion.parentNode) {\n      this.liveRegion.parentNode.removeChild(this.liveRegion);\n    }\n\n    this.liveRegion = undefined;\n  };\n\n  announce = (message) => {\n    if (!this.liveRegion) {\n      return;\n    }\n\n    this.liveRegion.textContent = message;\n\n    // Clear once announced, so the same message can be announced again.\n    clearTimeout(this.announceTimeout);\n    this.announceTimeout = setTimeout(() => {\n      if (this.liveRegion) {\n        this.liveRegion.textContent = '';\n      }\n    }, 500);\n  };\n\n  onKeyDown = (event) => {\n    // Deletions should not be announced as conversions.\n    this.isDeleting = event?.key === 'Backspace' || event?.key === 'Delete';\n  };\n\n  /**\n   * Announce when typed input became a math symbol. The MathQuill version\n   * inferred this by counting braces; here a prompt whose latex grew by more\n   * than the single character typed means a command was expanded.\n   */\n  announceConversion = (next) => {\n    if (this.isDeleting) {\n      this.isDeleting = false;\n      return;\n    }\n\n    const converted = Object.keys(next).some((id) => {\n      const before = this.promptValues[id] || '';\n      const after = next[id] || '';\n\n      return after.length > before.length + 1 && /\\\\/.test(after.slice(before.length));\n    });\n\n    if (converted) {\n      this.announce('Converted to math symbol');\n    }\n  };\n\n  /** Does this latex contain answer blocks? */\n  isInteractive() {\n    const latex = this.props.latex || '';\n\n    return fieldIds(latex).length > 0 || latex.indexOf('\\\\placeholder') !== -1;\n  }\n\n  renderMarkup() {\n    const markup = latexToMarkup(this.props.latex);\n\n    if (markup !== this.state.markup) {\n      this.setState({ markup });\n    }\n  }\n\n  /** MathQuill's `innerFields` equivalent, keyed by prompt id. */\n  values() {\n    if (!this.mathField) {\n      return {};\n    }\n\n    const out = {};\n\n    (this.mathField.getPrompts() || []).forEach((id) => {\n      out[id] = fromMathLive(this.mathField.getPromptValue(id));\n    });\n\n    return out;\n  }\n\n  /**\n   * A MathQuill-inner-field-like handle for a prompt.\n   *\n   * The old API handed callers a MathQuill field object, and consumers commonly\n   * called `field.latex()` on it. There is no equivalent object in MathLive -\n   * prompts are addressed by id - so this adapter exposes the parts that were\n   * actually used: `id` and a get/set `latex()`.\n   */\n  promptHandle(id) {\n    return {\n      id,\n      // MathQuill's inner fields could be focused directly; keep that.\n      focus: () => {\n        if (this.mathField) {\n          this.mathField.focus();\n          this.focusPrompt(id);\n        }\n      },\n      latex: (value) => {\n        if (!this.mathField) {\n          return '';\n        }\n\n        if (value === undefined) {\n          return fromMathLive(this.mathField.getPromptValue(id));\n        }\n\n        this.mathField.setPromptValue(id, toMathLive(value), {});\n\n        return value;\n      },\n    };\n  }\n\n  /** All prompt handles, the analogue of `mathField.innerFields`. */\n  get innerFields() {\n    if (!this.mathField) {\n      return [];\n    }\n\n    return (this.mathField.getPrompts() || []).map((id) => this.promptHandle(id));\n  }\n\n  onPromptInput = () => {\n    const { onSubFieldChange, getFieldName } = this.props;\n\n    if (!this.mathField) {\n      return;\n    }\n\n    const next = this.values();\n\n    this.announceConversion(next);\n\n    if (!onSubFieldChange) {\n      this.promptValues = next;\n      return;\n    }\n\n    const fields = this.innerFields;\n\n    // Emit only the prompts whose value actually changed, mirroring the\n    // per-field granularity of the old onSubFieldChange(name, latex).\n    Object.keys(next).forEach((id) => {\n      if (next[id] === this.promptValues[id]) {\n        return;\n      }\n\n      const name = getFieldName(this.promptHandle(id), fields) || id;\n\n      onSubFieldChange(name, next[id]);\n    });\n\n    this.promptValues = next;\n  };\n\n  onPromptFocus = () => {\n    const { onSubFieldFocus, getFieldName } = this.props;\n\n    if (!this.mathField || !onSubFieldFocus) {\n      return;\n    }\n\n    try {\n      const ids = this.mathField.getPrompts() || [];\n      // The focused prompt is the one containing the current selection.\n      const focused = ids.find((id) => {\n        const range = this.mathField.getPromptRange(id);\n        const selection = this.mathField.selection;\n\n        if (!range || !selection || !selection.ranges || !selection.ranges.length) {\n          return false;\n        }\n\n        const [start, end] = range;\n        const [selStart] = selection.ranges[0];\n\n        return selStart >= start && selStart <= end;\n      });\n\n      if (focused) {\n        const handle = this.promptHandle(focused);\n        const name = getFieldName(handle, this.innerFields) || focused;\n\n        if (this.props.setInput) {\n          this.props.setInput(handle);\n        }\n\n        onSubFieldFocus(name, handle);\n      }\n    } catch (e) {\n      log('error resolving focused prompt: %s', e.message);\n    }\n  };\n\n  /** The id of the prompt whose range contains `position`, if any. */\n  promptContaining(position) {\n    if (!this.mathField || typeof position !== 'number') {\n      return undefined;\n    }\n\n    return (this.mathField.getPrompts() || []).find((id) => {\n      const range = this.mathField.getPromptRange(id);\n\n      return range && position >= range[0] && position <= range[1];\n    });\n  }\n\n  /**\n   * Put a blinking caret inside an answer block.\n   *\n   * MathLive only makes the caret visible while the field element carries the\n   * `ML__focused` class, and it adds that class during a *render*, gated on\n   * `isSelectionEditable && hasFocus()`. In a read-only field only prompt\n   * interiors are editable, so the two things both have to be true:\n   *\n   *  - the selection must sit inside a prompt, and\n   *  - a render must run afterwards.\n   *\n   * Assigning `selection` satisfies the first but not the second - it updates\n   * the model without re-rendering, so the class stays off and the caret span\n   * remains `visibility: hidden`. Executing any command does trigger the\n   * render, and `scrollIntoView` is the one with no other effect: it keeps the\n   * caret on screen, which the preceding `focus()` already does anyway.\n   *\n   * @param {string} [id] prompt to focus; defaults to the first one\n   */\n  focusPrompt(id) {\n    if (!this.mathField) {\n      return;\n    }\n\n    const ids = this.mathField.getPrompts() || [];\n    const target = id && ids.indexOf(id) !== -1 ? id : ids[0];\n\n    if (!target) {\n      return;\n    }\n\n    const range = this.mathField.getPromptRange(target);\n\n    if (!range) {\n      return;\n    }\n\n    this.mathField.selection = { ranges: [[range[0], range[0]]] };\n\n    if (typeof this.mathField.executeCommand === 'function') {\n      this.mathField.executeCommand('scrollIntoView');\n    }\n  }\n\n  focus() {\n    if (!this.mathField) {\n      return;\n    }\n\n    this.mathField.focus();\n\n    // A bare focus() leaves the selection outside every prompt, which in a\n    // read-only field is not editable - the block looked focused but had no\n    // cursor. Clicking a prompt already works, because MathLive's own pointer\n    // handling moves the selection and re-renders.\n    if (!this.promptContaining(this.mathField.position)) {\n      this.focusPrompt();\n    }\n  }\n\n  blur() {\n    this.mathField && this.mathField.blur();\n  }\n\n  render() {\n    const { className, onFocus, onBlur } = this.props;\n    const { markup } = this.state;\n\n    if (this.mathField || this.isInteractive()) {\n      return <Holder className={className} onFocus={onFocus} onBlur={onBlur} ref={this.holderRef} />;\n    }\n\n    return (\n      <Holder\n        className={className}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={this.holderRef}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{ __html: markup }}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "MathLive-based math input (drop-in alternative to @pie-lib/math-input)",
   "main": "lib/index.js",
   "module": "src/index.jsx",

package/src/__tests__/keypad-label.test.jsx

@@ -18,11 +18,19 @@ describe('keypad label display normalisation', () => {
   });
 
   it('handles every empty-group key shape', () => {
-    ['\\frac{}{}', '\\overline{}', 'x^{}', 'x_{}', '\\sqrt{}', '\\sqrt[{}]{}', '\\abs{}', '\\log_{}', '\\longdiv{}'].forEach(
-      (latex) => {
-        expect(latexForDisplay(latex)).not.toContain('{}');
-      },
-    );
+    [
+      '\\frac{}{}',
+      '\\overline{}',
+      'x^{}',
+      'x_{}',
+      '\\sqrt{}',
+      '\\sqrt[{}]{}',
+      '\\abs{}',
+      '\\log_{}',
+      '\\longdiv{}',
+    ].forEach((latex) => {
+      expect(latexForDisplay(latex)).not.toContain('{}');
+    });
   });
 
   it('treats a whitespace-only group as empty', () => {
@@ -103,6 +111,51 @@ describe('keypad label display normalisation', () => {
     });
   });
 
+  // The Percent key showed as a blank button on the Advanced Algebra keypad
+  // (row 1, position 6). MathQuill defined `LatexCmds['%']` as a symbol that
+  // serialised to `\\%`, so its bare `%` label parsed fine; MathLive parses real
+  // LaTeX, where `%` opens a comment - the label rendered nothing, and pressing
+  // the key inserted a comment that swallowed the rest of the expression.
+  it('the percent key is escaped, not a latex comment', () => {
+    // eslint-disable-next-line global-require
+    const { percentage } = require('../keys/misc');
+
+    expect(percentage.latex).toEqual('\\%');
+    expect(keyToAction(percentage).value).toEqual('\\%');
+  });
+
+  // Any bare `%` in a key would fail the same way, silently.
+  it('no keypad key carries an unescaped %', () => {
+    // eslint-disable-next-line global-require
+    const { baseSet } = require('../keys');
+    // eslint-disable-next-line global-require
+    const { gradeSets } = require('../keys/grades');
+
+    const every = [...baseSet, ...gradeSets.map((g) => g.set)];
+
+    const walk = (node) => {
+      if (Array.isArray(node)) {
+        node.forEach(walk);
+        return;
+      }
+
+      if (!node) {
+        return;
+      }
+
+      ['latex', 'write', 'command'].forEach((field) => {
+        const value = node[field];
+
+        if (typeof value === 'string') {
+          // a `%` is only safe when preceded by an odd run of backslashes
+          expect(value.replace(/\\./g, '')).not.toContain('%');
+        }
+      });
+    };
+
+    walk(every);
+  });
+
   it('leaves latex without empty groups alone', () => {
     ['\\pi', '\\sin', 'x^2', '\\overline{AB}'].forEach((latex) => {
       expect(latexForDisplay(latex)).toEqual(latex);

package/src/__tests__/latex-bridge.test.js

@@ -133,6 +133,28 @@ describe('latex-bridge', () => {
       expect(toNativeCommands('\\longdiv{1}\\longdiv{2}')).toEqual('\\enclose{longdiv}{1}\\enclose{longdiv}{2}');
     });
 
+    // `%` starts a comment in real LaTeX, so MathLive drops it and everything
+    // after it. MathQuill had no comments, so latex authored under it - or by
+    // hand - can carry a bare `%` that would silently truncate the expression.
+    it('escapes a bare % so it cannot comment out the rest of the line', () => {
+      expect(toNativeCommands('%')).toEqual('\\%');
+      expect(toNativeCommands('50%')).toEqual('50\\%');
+      expect(toNativeCommands('x%y')).toEqual('x\\%y');
+      expect(toNativeCommands('a%b%c')).toEqual('a\\%b\\%c');
+    });
+
+    it('leaves an already-escaped % alone', () => {
+      expect(toNativeCommands('\\%')).toEqual('\\%');
+      expect(toNativeCommands('50\\%')).toEqual('50\\%');
+      // idempotent: toMathLive may run over latex that came back out of a field
+      expect(toNativeCommands(toNativeCommands('50%'))).toEqual('50\\%');
+    });
+
+    // `\\` is a line break, not an escape, so the `%` after it is still bare.
+    it('counts backslashes to decide whether a % is escaped', () => {
+      expect(toNativeCommands('a\\\\%b')).toEqual('a\\\\\\%b');
+    });
+
     it('leaves other latex untouched', () => {
       ['\\frac{1}{2}', '\\pi', '\\sqrt{x}', '\\overline{AB}'].forEach((l) => {
         expect(toNativeCommands(l)).toEqual(l);

package/src/__tests__/mathlive-instance.test.js

@@ -211,6 +211,113 @@ describe('mathlive-instance', () => {
 
   // A live <math-field> renders in shadow DOM, so nothing in the page's
   // stylesheets reaches it - the stretchy-accent fix has to be injected there.
+  /**
+   * A keypad key like \frac inserts `\frac{#?}{#?}`; MathLive turns each `#?`
+   * into a `\placeholder{}` atom and *selects* the first one. Measured in
+   * Chromium: that atom is a leaf (its offsets are before/after, there is no
+   * position inside), so MathLive renders NO caret element and shows only the
+   * selection highlight - the box read as focused-but-dead. The caret is drawn
+   * by our own shadow CSS, gated on a class so it is placeholder-specific.
+   */
+  describe('trackPlaceholderCaret', () => {
+    const fakeField = (selection, latex) => {
+      const classes = new Set();
+
+      return {
+        listeners: {},
+        selection,
+        selectionIsCollapsed: !selection,
+        getValue: () => latex,
+        classList: {
+          toggle: (name, on) => (on ? classes.add(name) : classes.delete(name)),
+          contains: (name) => classes.has(name),
+        },
+        addEventListener(name, fn) {
+          this.listeners[name] = fn;
+        },
+        removeEventListener(name) {
+          delete this.listeners[name];
+        },
+      };
+    };
+
+    it('marks the host when a placeholder is selected', () => {
+      const mf = fakeField({ ranges: [[1, 2]] }, '\\placeholder{}');
+
+      instance.trackPlaceholderCaret(mf);
+
+      expect(mf.classList.contains(instance.PLACEHOLDER_CARET_CLASS)).toBe(true);
+    });
+
+    it('does not mark an ordinary selection', () => {
+      const mf = fakeField({ ranges: [[0, 3]] }, 'x+1');
+
+      instance.trackPlaceholderCaret(mf);
+
+      expect(mf.classList.contains(instance.PLACEHOLDER_CARET_CLASS)).toBe(false);
+    });
+
+    it('does not mark a collapsed selection, which has a real caret already', () => {
+      const mf = fakeField(null, '\\placeholder{}');
+
+      instance.trackPlaceholderCaret(mf);
+
+      expect(mf.classList.contains(instance.PLACEHOLDER_CARET_CLASS)).toBe(false);
+    });
+
+    it('leaves a named prompt alone - it takes a real caret inside', () => {
+      const mf = fakeField({ ranges: [[1, 2]] }, '\\placeholder[r1]{}');
+
+      instance.trackPlaceholderCaret(mf);
+
+      expect(mf.classList.contains(instance.PLACEHOLDER_CARET_CLASS)).toBe(false);
+    });
+
+    it('re-evaluates whenever the selection moves', () => {
+      const mf = fakeField(null, '');
+
+      instance.trackPlaceholderCaret(mf);
+      expect(mf.classList.contains(instance.PLACEHOLDER_CARET_CLASS)).toBe(false);
+
+      // the caret lands on a placeholder
+      mf.selection = { ranges: [[1, 2]] };
+      mf.selectionIsCollapsed = false;
+      mf.getValue = () => '\\placeholder{}';
+      mf.listeners['selection-change']();
+      expect(mf.classList.contains(instance.PLACEHOLDER_CARET_CLASS)).toBe(true);
+
+      // ...and moves off it again
+      mf.selectionIsCollapsed = true;
+      mf.listeners['selection-change']();
+      expect(mf.classList.contains(instance.PLACEHOLDER_CARET_CLASS)).toBe(false);
+    });
+
+    it('returns a teardown that detaches the listener', () => {
+      const mf = fakeField(null, '');
+      const off = instance.trackPlaceholderCaret(mf);
+
+      expect(typeof mf.listeners['selection-change']).toEqual('function');
+      off();
+      expect(mf.listeners['selection-change']).toBeUndefined();
+    });
+
+    it('survives a field that throws while reading the selection', () => {
+      const mf = fakeField({ ranges: [[1, 2]] }, '');
+
+      mf.getValue = () => {
+        throw new Error('detached');
+      };
+
+      expect(() => instance.trackPlaceholderCaret(mf)).not.toThrow();
+      expect(mf.classList.contains(instance.PLACEHOLDER_CARET_CLASS)).toBe(false);
+    });
+
+    it('is a no-op without a field', () => {
+      expect(instance.trackPlaceholderCaret(undefined)).toBeUndefined();
+      expect(instance.trackPlaceholderCaret({})).toBeUndefined();
+    });
+  });
+
   describe('applyShadowStyles', () => {
     const host = () => {
       const el = document.createElement('div');
@@ -243,6 +350,27 @@ describe('mathlive-instance', () => {
       }
     });
 
+    it('injects the placeholder caret rules', () => {
+      const el = host();
+
+      instance.applyShadowStyles(el);
+
+      const viaStyle = el.shadowRoot.querySelector('style[data-pie-accent]');
+
+      if (viaStyle) {
+        const css = viaStyle.textContent;
+
+        // gated on the host class, so an ordinary selection gets no caret
+        expect(css).toContain(`:host(.${instance.PLACEHOLDER_CARET_CLASS})`);
+        // MathLive's own blink keyframes and caret colour, already in this root
+        expect(css).toContain('ML__caret-blink');
+        expect(css).toContain('--_caret-color');
+        // the innermost selected element only: MathLive marks a wrapper AND the
+        // glyph span, which would otherwise render two carets
+        expect(css).toContain('.ML__selected:not(:has(.ML__selected))');
+      }
+    });
+
     it('does not inject twice', () => {
       const el = host();
 

package/src/__tests__/mount-race.test.jsx

@@ -34,6 +34,7 @@ jest.mock('../mathlive-instance', () => {
     // must mirror the real export, otherwise the component sets `undefined`
     MATH_MODE_SPACE: '\\ ',
     applyShadowStyles: () => {},
+    trackPlaceholderCaret: () => () => {},
     latexToMarkup: (l) => `<span>${l}</span>`,
   };
 });

package/src/__tests__/static-prompts.test.jsx

@@ -26,6 +26,13 @@ const stubField = (values = {}, selection = null) => ({
     return [i * 10, i * 10 + 5];
   },
   selection,
+  // Caret bookkeeping: MathLive exposes the caret offset as `position`, and any
+  // executeCommand triggers the render that reveals the caret.
+  position: undefined,
+  commands: [],
+  executeCommand(name) {
+    this.commands.push(name);
+  },
   addEventListener() {},
   removeEventListener() {},
   focus() {
@@ -248,4 +255,110 @@ describe('Static: answer blocks / prompts', () => {
       expect(s.mathField.blurred).toBe(true);
     });
   });
+
+  /**
+   * MathLive shows the caret only while the field carries `ML__focused`, which
+   * it adds during a render gated on `isSelectionEditable && hasFocus()`. In a
+   * read-only field only prompt interiors are editable, so after a bare
+   * `focus()` - whose selection sits outside every prompt - the answer block
+   * looked focused but had no blinking cursor. Verified in Chromium: the caret
+   * span goes from visibility:hidden to visible once the selection is inside a
+   * prompt AND a render has run.
+   */
+  describe('caret placement', () => {
+    it('puts a collapsed caret in the first prompt on focus', () => {
+      const s = make();
+
+      s.mathField = stubField({ r1: '', r2: '' });
+      s.focus();
+
+      // stub ranges are [0,5] for r1, [10,15] for r2
+      expect(s.mathField.selection).toEqual({ ranges: [[0, 0]] });
+    });
+
+    it('forces the render that makes the caret visible', () => {
+      const s = make();
+
+      s.mathField = stubField({ r1: '' });
+      s.focus();
+
+      // assigning `selection` alone updates the model without re-rendering, so
+      // ML__focused would never be added
+      expect(s.mathField.commands).toEqual(['scrollIntoView']);
+    });
+
+    it('does not move a caret that is already inside a prompt', () => {
+      const s = make();
+
+      s.mathField = stubField({ r1: '', r2: '' });
+      s.mathField.position = 12; // inside r2
+      s.focus();
+
+      expect(s.mathField.selection).toBe(null);
+      expect(s.mathField.commands).toEqual([]);
+    });
+
+    it('targets a specific prompt', () => {
+      const s = make();
+
+      s.mathField = stubField({ r1: '', r2: '' });
+      s.focusPrompt('r2');
+
+      expect(s.mathField.selection).toEqual({ ranges: [[10, 10]] });
+    });
+
+    it('falls back to the first prompt for an unknown id', () => {
+      const s = make();
+
+      s.mathField = stubField({ r1: '', r2: '' });
+      s.focusPrompt('nope');
+
+      expect(s.mathField.selection).toEqual({ ranges: [[0, 0]] });
+    });
+
+    it('is a no-op when there are no prompts', () => {
+      const s = make();
+
+      s.mathField = stubField({});
+
+      expect(() => s.focusPrompt()).not.toThrow();
+      expect(s.mathField.selection).toBe(null);
+    });
+
+    it('is safe without a field', () => {
+      expect(() => make().focusPrompt('r1')).not.toThrow();
+    });
+
+    describe('promptContaining', () => {
+      it('finds the prompt whose range holds the offset, inclusive', () => {
+        const s = make();
+
+        s.mathField = stubField({ r1: '', r2: '' });
+
+        expect(s.promptContaining(0)).toEqual('r1');
+        expect(s.promptContaining(5)).toEqual('r1');
+        expect(s.promptContaining(10)).toEqual('r2');
+        expect(s.promptContaining(7)).toBeUndefined();
+      });
+
+      it('treats a missing position as outside', () => {
+        const s = make();
+
+        s.mathField = stubField({ r1: '' });
+
+        expect(s.promptContaining(undefined)).toBeUndefined();
+      });
+    });
+
+    // MathQuill's inner fields could be focused directly.
+    it('promptHandle exposes focus() for its own prompt', () => {
+      const s = make();
+
+      s.mathField = stubField({ r1: '', r2: '' });
+      s.promptHandle('r2').focus();
+
+      expect(s.mathField.focused).toBe(true);
+      expect(s.mathField.selection).toEqual({ ranges: [[10, 10]] });
+    });
+  });
 });