@khanacademy/math-input 17.1.0 → 17.2.0

package/dist/index.js

@@ -47,7 +47,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/math-input";
-const libVersion = "17.1.0";
+const libVersion = "17.2.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -1946,6 +1946,13 @@ class MathInput extends React__namespace.Component {
     if (!this.state.focused) {
       this.focus();
     }
+
+    // If the user clicked on the input using a mouse or tap gesture,
+    // we want to set the focus to the inputRef so that the keyUp
+    // event will be triggered when the user types on the keyboard.
+    // This is necessary to support Chromebooks as they use mobile user
+    // agents, do not simulate touch events, and have physical keyboards.
+    this.inputRef?.focus();
   };
 
   // We want to allow the user to be able to focus the input via click
@@ -1977,6 +1984,13 @@ class MathInput extends React__namespace.Component {
     if (!this.state.focused) {
       this.focus();
     }
+
+    // If the user clicked on the input using a mouse or tap gesture,
+    // we want to set the focus to the inputRef so that the keyUp
+    // event will be triggered when the user types on the keyboard.
+    // This is necessary to support Chromebooks as they use mobile user
+    // agents, do not simulate touch events, and have physical keyboards.
+    this.inputRef?.focus();
   };
   handleTouchMove = e => {
     e.stopPropagation();
@@ -2136,7 +2150,7 @@ class MathInput extends React__namespace.Component {
       const value = this.mathField.getContent();
       if (this.props.value !== value) {
         this.mathField.setContent(this.props.value);
-        this.props.onChange(value, false);
+        this.props.onChange(value, () => {});
         this._hideCursorHandle();
       }
     }