Dropdown popup coming somewhere in the window not exactly near by div

[ajayreddy6869]

Hi i am using contenteditable div for auto suggestion and getting dropdown but not exactly what i expect.
It is showing somewhere else . Please see attached screen shot .

[Haroenv]

Hey @ajayreddy6869, could you replicate this in an isolated environment on e.g. codesandbox please 👍, I think it might be other CSS clashing with the css made hre

[ajayreddy6869]

@Haroenv Could you tell me the CSS that is used for it so that i can compare it with my CSS and try to solve it.

[Haroenv]

I think the demo was made with tachyons, cc @pixelastic

[pixelastic]

Hello,

tachyons.css is only used on the index page, not on the demo pages

For the demos, we're using Bootstrap 3 and this file on top of it: https://community.algolia.com/demo-textarea-autocomplete/assets/style.css

My guess is that you should add a position:relative to the textarea (or to the element wrapping the textarea). This element will serve as a reference point for any other element using position:absolute inside of it. In your case it seems that it's using another parent element (the first with position:relative) as its reference point.

Hope that helps,