How can i position a dropdown at cursor position inside a textarea?

Question

How can i position my dropdown at cursor position inside a textarea? I have found this question was already asked here many times but i cant able figure out the correct solution

Answer 1

You can get the position of the mouse and then move the drop-down list to this position. You just need to ensure the popup content has a higher z-index than the element you'd like it occlude, and that it's position is set to absolute.

Here's a small test sample I wrote once.

    

        
        
    
    

    

        
This is some assorted
            text
            

        

            
item a
            
item 2
            
item iii