@zzish/math-rich-input 0.1.11 → 0.1.13

package/dist/index.js

@@ -19765,7 +19765,6 @@ var AccentBar = /*#__PURE__*/function (_React$Component) {
 
         var toolBarBounds = thisBar.parentNode.getBoundingClientRect();
         var inputBounds = node.getBoundingClientRect();
-        console.log(node, inputBounds);
         var thisBounds = thisBar.getBoundingClientRect();
         this.shouldUpdatePosition = false; // Vertically align below input field
 
@@ -22807,11 +22806,15 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this2), "handleBlur", function (event) {// try {
-      //   this.setState({ hasFocus: false, showAccentBar: false });
-      // } catch (error) {
-      //   console.error(error);
-      // }
+    _defineProperty(_assertThisInitialized(_this2), "handleBlur", function (event) {
+      try {
+        _this2.setState({
+          hasFocus: false,
+          showAccentBar: false
+        });
+      } catch (error) {
+        console.error(error);
+      }
     });
 
     _this2.state = {

package/dist/math-rich-input.css

@@ -7,6 +7,7 @@
 }
 
 .MathRichInput-Container {
+  width: 100%;
   border-radius: 5px;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zzish/math-rich-input",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "React component for user to enter rich text with embedded math equations.",
   "repository": {
     "type": "git",

package/src/MathRichInput.css

@@ -7,6 +7,7 @@
 }
 
 .MathRichInput-Container {
+  width: 100%;
   border-radius: 5px;
 }