# Ui dropdown problem

**URL:** https://discourse.nodered.org/t/ui-dropdown-problem/7953
**Category:** Dashboard
**Created:** [14 February 2019 06:20 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953 "2019-02-14T06:20:06Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![jamesho](https://avatars.discourse-cdn.com/v4/letter/j/ebca7d/32.png) [@jamesho](https://discourse.nodered.org/u/jamesho)
#### Post date: [14 February 2019 06:20 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/1 "2019-02-14T06:20:06Z")

</div>

My ui dropdown will keep go back to highlight item when I try to move to top or bottom of the list. What cause it happen? Please help. thanks.

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [14 February 2019 08:43 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/2 "2019-02-14T08:43:01Z")

</div>

which version of dashboard are you using ? how are you moving ? when does it move back ? can you share the relevant part of your flow that demonstrates the problem ?

---

<div class="post-metadata">

### Author: ![jamesho](https://avatars.discourse-cdn.com/v4/letter/j/ebca7d/32.png) [@jamesho](https://discourse.nodered.org/u/jamesho)
#### Post date: [14 February 2019 09:38 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/5 "2019-02-14T09:38:04Z")

</div>

I am using dashboard 2.13.2  
when I drop down the list and try to go to bottom, if I do this not quick enough (in one seond), it will go back to original selected option.  
Here is my sample flow:

```auto
[{"id":"277465dd.a2473a","type":"tab","label":"Flow 2","disabled":false,"info":""},{"id":"3221f63e.3df57a","type":"inject","z":"277465dd.a2473a","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":150,"y":120,"wires":[["67aa9821.3b56e8"]]},{"id":"67aa9821.3b56e8","type":"function","z":"277465dd.a2473a","name":"create option items","func":"var item=[];\nfor(i=0;i<=20;i++)\n item[i] = \"item# \"+i;\nreturn {options:item};","outputs":1,"noerr":0,"x":380,"y":120,"wires":[["125de066.4c012"]]},{"id":"125de066.4c012","type":"ui_dropdown","z":"277465dd.a2473a","name":"","label":"","tooltip":"","place":"Select option","group":"84f788f9.e92e58","order":0,"width":0,"height":0,"passthru":true,"options":[],"payload":"","topic":"","x":580,"y":120,"wires":[[]]},{"id":"84f788f9.e92e58","type":"ui_group","z":"","name":"Default","tab":"bb178844.f24848","disp":true,"width":"6","collapse":false},{"id":"bb178844.f24848","type":"ui_tab","z":"","name":"DropdownTest","icon":"dashboard","disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [14 February 2019 09:47 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/6 "2019-02-14T09:47:51Z")

</div>

and which browser / platform are you viewing this on ?  
(so far it's working ok ☹

---

<div class="post-metadata">

### Author: ![jamesho](https://avatars.discourse-cdn.com/v4/letter/j/ebca7d/32.png) [@jamesho](https://discourse.nodered.org/u/jamesho)
#### Post date: [14 February 2019 09:49 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/7 "2019-02-14T09:49:29Z")

</div>

I tried this on Chrome, IE on desktop and Chrome on android phone, they all have such problem.

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [14 February 2019 09:53 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/8 "2019-02-14T09:53:18Z")

</div>

Are you sure you using exactly that flow ? I can only recreate if I keep hitting the inject button to reload the options.

![](https://cdck-file-uploads-us1.s3.dualstack.us-west-2.amazonaws.com/flex026/uploads/nodered/original/2X/e/e890fce3aa77c5ed420079a9099122189010e51a.gif)

---

<div class="post-metadata">

### Author: ![jamesho](https://avatars.discourse-cdn.com/v4/letter/j/ebca7d/32.png) [@jamesho](https://discourse.nodered.org/u/jamesho)
#### Post date: [14 February 2019 09:55 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/9 "2019-02-14T09:55:20Z")

</div>

For example, when I scroll down to the bottom of the list (ex. Item#20), not a while, it will go back to top. So it makes me very difficult to make a selection.

---

<div class="post-metadata">

### Author: ![jamesho](https://avatars.discourse-cdn.com/v4/letter/j/ebca7d/32.png) [@jamesho](https://discourse.nodered.org/u/jamesho)
#### Post date: [14 February 2019 09:57 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/10 "2019-02-14T09:57:57Z")

</div>

Do you mean there maybe a inject node to refresh the page somewhere?

---

<div class="post-metadata">

### Author: ![jamesho](https://avatars.discourse-cdn.com/v4/letter/j/ebca7d/32.png) [@jamesho](https://discourse.nodered.org/u/jamesho)
#### Post date: [14 February 2019 10:02 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/11 "2019-02-14T10:02:58Z")

</div>

Yes, this sample also has same problem on various platform.

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [14 February 2019 10:04 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/12 "2019-02-14T10:04:28Z")

</div>

I'm still not getting it... I can wait for minutes and nothing happens... something else in your flow must be causing a refresh

![](https://cdck-file-uploads-us1.s3.dualstack.us-west-2.amazonaws.com/flex026/uploads/nodered/original/2X/5/581850f23a34923e783a8db087114cc09fd846c2.gif)

---

<div class="post-metadata">

### Author: ![jamesho](https://avatars.discourse-cdn.com/v4/letter/j/ebca7d/32.png) [@jamesho](https://discourse.nodered.org/u/jamesho)
#### Post date: [14 February 2019 10:06 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/13 "2019-02-14T10:06:58Z")

</div>

Ok, thank you very much, at least I know this is not ui problem and I will try to find out the refresh node.

---

<div class="post-metadata">

### Author: ![jamesho](https://avatars.discourse-cdn.com/v4/letter/j/ebca7d/32.png) [@jamesho](https://discourse.nodered.org/u/jamesho)
#### Post date: [15 February 2019 01:48 UTC](https://discourse.nodered.org/t/ui-dropdown-problem/7953/14 "2019-02-15T01:48:49Z")

</div>

I found out the problem: I have another flow, and there is a UDP node will receive data from device every 2 seconds and display the data to gauge. Dropdown and UDP, Gauge are not on the same tag, same page, but still causes whole site refresh. How can I solve this? thanks.
