# Mouse pointer disappearing on overflowing element

**URL:** <https://community.weweb.io/t/mouse-pointer-disappearing-on-overflowing-element/3566>\
**Category:** Ask us anything\
**Created:** [July 17, 2023, 9:33pm UTC](https://community.weweb.io/t/mouse-pointer-disappearing-on-overflowing-element/3566 "2023-07-17T21:33:13Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [July 17, 2023, 9:33pm UTC](https://community.weweb.io/t/mouse-pointer-disappearing-on-overflowing-element/3566/1 "2023-07-17T21:33:13Z")

</div>

I have a follow-up question to [this thread](https://community.weweb.io/t/dropdown-gets-cut-off/3535). Setting overflow:visible on my parent datagrid did work to get the dropdown to fully display, thanks @luka. But the mousing behavior is finicky - the pointer is disappearing when it moves outside the datagrid - see loom. Any way to fix that please?

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [July 18, 2023, 10:39am UTC](https://community.weweb.io/t/mouse-pointer-disappearing-on-overflowing-element/3566/2 "2023-07-18T10:39:30Z")

</div>

It works fine for me when replicated with a datagrid and a select cell. Could you post a screenshot of your navigator to see your elements?

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [July 18, 2023, 4:41pm UTC](https://community.weweb.io/t/mouse-pointer-disappearing-on-overflowing-element/3566/3 "2023-07-18T16:41:42Z")

</div>

@luka It’s a Select element in a custom cell. I tried using a Select cell from within the datagrid but this column isnt bound to any datagrid data so I can’t get the dropdown to always display.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/e8e9e54c77f6362660d7353bb0cfa8b5e56ba12c.png)

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [July 19, 2023, 9:07am UTC](https://community.weweb.io/t/mouse-pointer-disappearing-on-overflowing-element/3566/4 "2023-07-19T09:07:56Z")

</div>

I tried the exact same thing and it works fine for me. Maybe you could try putting the ‘Input select’ outside the ‘Select’ div?

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [July 19, 2023, 5:04pm UTC](https://community.weweb.io/t/mouse-pointer-disappearing-on-overflowing-element/3566/5 "2023-07-19T17:04:53Z")

</div>

@luka Tried that, didn’t work. BUT, I figured it out. I have a div with other elements in it below the datagrid. If I apply a large margin to the bottom of the datagrid, big enough that it pushes the div out of range of the dropdown when it’s open, that fixes it. But that’s not acceptable as then the div is too low. I tried setting overflow:visible on the div and also the section housing both the datagrid and div, but neither of those worked. Is this a bug?

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [July 20, 2023, 8:57am UTC](https://community.weweb.io/t/mouse-pointer-disappearing-on-overflowing-element/3566/6 "2023-07-20T08:57:58Z")

</div>

you should solve this by setting a higher z-index on the datagrid itself than the elements below

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [July 20, 2023, 10:54pm UTC](https://community.weweb.io/t/mouse-pointer-disappearing-on-overflowing-element/3566/7 "2023-07-20T22:54:22Z")

</div>

Fixed it immediately. Thanks @luka.
