boundariesElement supports dynamic dimensions (#115)

fix(autocomplete): this commit adds the ability to recalculate the position of autocomplete based on dynamic height / weight

Author: jukben

__tests__/__snapshots__/index.spec.js.snap

@@ -29,7 +29,7 @@ exports[`object-based items match the snapshot 1`] = `
 
 exports[`object-based items match the snapshot of dropdown, list, and item 1`] = `
 <div
-  class="rta__autocomplete rta__autocomplete--left rta__autocomplete--top "
+  class="rta__autocomplete rta__autocomplete--right rta__autocomplete--bottom "
   style="top: 0px; left: 0px;"
 >
   <ul
@@ -158,7 +158,7 @@ exports[`object-based items with keys match the snapshot 1`] = `
 
 exports[`object-based items with keys match the snapshot of dropdown, list, and item 1`] = `
 <div
-  class="rta__autocomplete rta__autocomplete--left rta__autocomplete--top "
+  class="rta__autocomplete rta__autocomplete--right rta__autocomplete--bottom "
   style="top: 0px; left: 0px;"
 >
   <ul

src/Textarea.jsx

@@ -99,8 +99,6 @@ class Autocomplete extends React.Component<
         );
       }
     }
-
-    this._calculatePosition();
   }
 
   _calculatePosition = () => {
@@ -142,6 +140,12 @@ class Autocomplete extends React.Component<
         ? POSITION_CONFIGURATION.Y.BOTTOM
         : POSITION_CONFIGURATION.Y.TOP;
 
+    if (
+      this.state.dropdownHeight === dropdownHeight &&
+      this.state.dropdownWidth === dropdownWidth
+    )
+      return;
+
     this.setState({
       xConfig,
       yConfig,
@@ -150,6 +154,10 @@ class Autocomplete extends React.Component<
     });
   };
 
+  componentDidUpdate() {
+    this._calculatePosition();
+  }
+
   render() {
     const { style, className, innerRef, children, top, left } = this.props;
     const { xConfig, yConfig, dropdownHeight, dropdownWidth } = this.state;
@@ -202,8 +210,6 @@ class ReactTextareaAutocomplete extends React.Component<
   constructor(props: TextareaProps) {
     super(props);
 
-    Listeners.add(KEY_CODES.ESC, () => this._closeAutocomplete());
-
     const { loadingComponent, trigger, value } = this.props;
 
     if (value) this.state.value = value;
@@ -233,6 +239,7 @@ class ReactTextareaAutocomplete extends React.Component<
   };
 
   componentDidMount() {
+    Listeners.add(KEY_CODES.ESC, this._closeAutocomplete);
     Listeners.startListen();
   }