@zzish/math-rich-input 0.1.9 → 0.1.11

package/dist/index.js

@@ -19765,10 +19765,11 @@ 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
 
-        var top = inputBounds.bottom - toolBarBounds.height;
+        var top = inputBounds.height + toolBarBounds.height + 5;
         if (this.props.compactMode) top = inputBounds.height; // Horizontally align
 
         var right = 0; // right align
@@ -22806,15 +22807,11 @@ var MathRichInput = /*#__PURE__*/function (_React$Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this2), "handleBlur", function (event) {
-      try {
-        _this2.setState({
-          hasFocus: false,
-          showAccentBar: false
-        });
-      } catch (error) {
-        console.error(error);
-      }
+    _defineProperty(_assertThisInitialized(_this2), "handleBlur", function (event) {// try {
+      //   this.setState({ hasFocus: false, showAccentBar: false });
+      // } catch (error) {
+      //   console.error(error);
+      // }
     });
 
     _this2.state = {

package/dist/math-rich-input.css

@@ -7,7 +7,6 @@
 }
 
 .MathRichInput-Container {
-  margin: 10px;
   border-radius: 5px;
 }
 

package/package.json

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

package/src/AccentBar.jsx

@@ -625,7 +625,7 @@ export default class AccentBar extends React.Component {
       this.shouldUpdatePosition = false;
 
       // Vertically align below input field
-      let top = inputBounds.bottom - toolBarBounds.height;
+      let top = inputBounds.height + toolBarBounds.height + 5;
       if (this.props.compactMode) top = inputBounds.height;
 
       // Horizontally align