Prevent autocomplete to change position (set fix position)

[teilzeitgeist]

Is there a way to prevent the autocomplete opening at the top of the textarea?

Because on the one hand the change is annoying and on the other it's in my case buggy:

[jukben]

Have you tried to play with boundariesElement prop? Maybe it would be good to allow false option to disable it.

[teilzeitgeist]

Yeah, but unfortunately boundariesElement does not work with (because the autocomplete have to be inside the boundariesElement) or without renderToBody (same behavior you can see in the GIF).

So ... an additional prop will be great!

For example like:
autocompletePostionX: auto | left | right
autocompletePostionY: auto | top | bottom

[jukben]

Yeah, agree, more like

autocompletePostion={{
	x: "auto | left | right",
	y: "auto | top | bottom"
}}

defaults to auto

What do you think?

[teilzeitgeist]

Sounds perfect to me 😎

[jukben]

I can try tackle it on weekend, but if you have some time for it, you have green light!

[teilzeitgeist]

Sounds great!

I had another case in which the autocomplete has the wrong position (renderToBody is true):

(The bottom of the image is the bottom of the browser window)

Maybe the calculation of the autocomplete position with the new renderToBody prop is not correct.

[jukben]

Ah, sorry about it. I would be great to revisit it then. Although, I think that the proposed prop autocompletePostion makes sense anyway.

[teilzeitgeist]

The wrong calculation of the autcomplete position was my bad 🤦‍♂ .rta__autocomplete was set to display: none; by default ... so the dropdownBounds variable was empty. Now it works.

Anyway the autocompletePostion prop would be great 👍