@khanacademy/math-input 17.1.0 → 17.2.0

package/dist/es/index.js

@@ -17,7 +17,7 @@ import PropTypes from 'prop-types';
 
 // 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";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -1757,6 +1757,7 @@ class MathInput extends React.Component {
       });
     };
     this.handleTouchStart = (e, keypadActive, setKeypadActive) => {
+      var _this$inputRef;
       e.stopPropagation();
 
       // Hide the cursor handle on touch start, if the handle itself isn't
@@ -1784,11 +1785,19 @@ class MathInput extends React.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 = this.inputRef) == null || _this$inputRef.focus();
     };
     // We want to allow the user to be able to focus the input via click
     // when using ChromeOS third-party browsers that use mobile user agents,
     // but don't actually simulate touch events.
     this.handleClick = (e, keypadActive, setKeypadActive) => {
+      var _this$inputRef2;
       e.stopPropagation();
 
       // Hide the cursor handle on click
@@ -1814,6 +1823,13 @@ class MathInput extends React.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$inputRef2 = this.inputRef) == null || _this$inputRef2.focus();
     };
     this.handleTouchMove = e => {
       e.stopPropagation();
@@ -1969,7 +1985,7 @@ class MathInput extends React.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();
         }
       }