# Auto Complete List and Hover Tooltips are not shown near the cursor

**URL:** https://discuss.codemirror.net/t/auto-complete-list-and-hover-tooltips-are-not-shown-near-the-cursor/6773
**Category:** v6
**Created:** [July 3, 2023, 10:00am UTC](https://discuss.codemirror.net/t/auto-complete-list-and-hover-tooltips-are-not-shown-near-the-cursor/6773 "2023-07-03T10:00:21Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![tamilselvanyes](https://discuss.codemirror.net/letter_avatar_proxy/v4/letter/t/4af34b/32.png) [@tamilselvanyes](https://discuss.codemirror.net/u/tamilselvanyes)
#### Post date: [July 3, 2023, 10:00am UTC](https://discuss.codemirror.net/t/auto-complete-list-and-hover-tooltips-are-not-shown-near-the-cursor/6773/1 "2023-07-03T10:00:22Z")

</div>

I am using the editor for my custom functions in sql, when I start typing, I am able to see the auto complete list but the problem the position of the list is not near the cursor rather it is always a particular distance from the cursor similarly on the tooltip too. I am not able to figure it why. I have using the editor in my react application. Here are the few screenshots of the same

 ![autocompletListStart](https://discuss.codemirror.net/uploads/default/original/2X/3/373921a9bc392412bf7264426db4cbf16b4387a8.png)  
 ![autoCompleteEnd](https://discuss.codemirror.net/uploads/default/original/2X/7/7baba7736f54c55ced5d08caf3171083a7209cb0.png)  
 ![toolTipErrorCenter](https://discuss.codemirror.net/uploads/default/original/2X/6/6c1e20a9962ba4d3f80f3ff084225d8ca0c490c2.png)  
 ![toolTipErrorEnd](https://discuss.codemirror.net/uploads/default/original/2X/0/0e4b7fcc6660a76fcfbd7245bd7841e427d5e476.png)

---

<div class="post-metadata">

### Author: ![marijn](https://discuss.codemirror.net/user_avatar/discuss.codemirror.net/marijn/32/136_2.png) [@marijn](https://discuss.codemirror.net/u/marijn)
#### Post date: [July 3, 2023, 10:12am UTC](https://discuss.codemirror.net/t/auto-complete-list-and-hover-tooltips-are-not-shown-near-the-cursor/6773/2 "2023-07-03T10:12:46Z")

</div>

Is some parent element of your editor transformed with CSS?

---

<div class="post-metadata">

### Author: ![tamilselvanyes](https://discuss.codemirror.net/letter_avatar_proxy/v4/letter/t/4af34b/32.png) [@tamilselvanyes](https://discuss.codemirror.net/u/tamilselvanyes)
#### Post date: [July 3, 2023, 10:59am UTC](https://discuss.codemirror.net/t/auto-complete-list-and-hover-tooltips-are-not-shown-near-the-cursor/6773/3 "2023-07-03T10:59:02Z")

</div>

My whole editor is render on a Modal, which applied the following transform(scale)  
enter=“ease-out duration-200”  
enterFrom=“opacity-0 scale-95”  
enterTo=“opacity-100 scale-100”  
leave=“ease-in duration-200”  
leaveFrom=“opacity-100 scale-100”  
leaveTo=“opacity-0 scale-95”  
When I removed the scale, It is working fine now! Would mind explaining the reason for that?

Thank you so much for you contribution and quick response.

---

<div class="post-metadata">

### Author: ![marijn](https://discuss.codemirror.net/user_avatar/discuss.codemirror.net/marijn/32/136_2.png) [@marijn](https://discuss.codemirror.net/u/marijn)
#### Post date: [July 3, 2023, 11:14am UTC](https://discuss.codemirror.net/t/auto-complete-list-and-hover-tooltips-are-not-shown-near-the-cursor/6773/4 "2023-07-03T11:14:13Z")

</div>

See [issue 324](https://github.com/codemirror/dev/issues/324). Positioning stuff based on DOM measurements breaks when the DOM is transformed.

---

<div class="post-metadata">

### Author: ![tamilselvanyes](https://discuss.codemirror.net/letter_avatar_proxy/v4/letter/t/4af34b/32.png) [@tamilselvanyes](https://discuss.codemirror.net/u/tamilselvanyes)
#### Post date: [July 3, 2023, 11:22am UTC](https://discuss.codemirror.net/t/auto-complete-list-and-hover-tooltips-are-not-shown-near-the-cursor/6773/5 "2023-07-03T11:22:52Z")

</div>

Got it, Thanks!!