fix: suggestion position is wrong (#231)

webscopeio · Dec 18, 2021 · 3d16f46 · 3d16f46
1 parent c6a02c8
commit 3d16f46
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/Textarea.jsx b/src/Textarea.jsx
@@ -155,17 +155,19 @@ class Autocomplete extends React.Component<AutocompleteProps> {
  left +
  dropdownBounds.width;
 
- if (dropdownRight > containerBounds.right) {
- leftPosition = left - dropdownBounds.width;
- usedClasses.push(POSITION_CONFIGURATION.X.LEFT);
- unusedClasses.push(POSITION_CONFIGURATION.X.RIGHT);
- } else {
- leftPosition = left;
- usedClasses.push(POSITION_CONFIGURATION.X.RIGHT);
- unusedClasses.push(POSITION_CONFIGURATION.X.LEFT);
- }
+ if (dropdownRight > containerBounds.right &&
+ textareaBounds.left + left > dropdownBounds.width) {
+ leftPosition = left - dropdownBounds.width;
+ usedClasses.push(POSITION_CONFIGURATION.X.LEFT);
+ unusedClasses.push(POSITION_CONFIGURATION.X.RIGHT);
+ } else {
+ leftPosition = left;
+ usedClasses.push(POSITION_CONFIGURATION.X.RIGHT);
+ unusedClasses.push(POSITION_CONFIGURATION.X.LEFT);
+ }
 
- if (dropdownBottom > containerBounds.bottom) {
+ if (dropdownBottom > containerBounds.bottom && 
+ textareaBounds.top + top > dropdownBounds.height) {
  topPosition = top - dropdownBounds.height;
  usedClasses.push(POSITION_CONFIGURATION.Y.TOP);
  unusedClasses.push(POSITION_CONFIGURATION.Y.BOTTOM);