# Custom Node with long drop down

**URL:** <https://discourse.nodered.org/t/custom-node-with-long-drop-down/8452>\
**Category:** General\
**Created:** [27 February 2019 21:11 UTC](https://discourse.nodered.org/t/custom-node-with-long-drop-down/8452 "2019-02-27T21:11:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![bertmartin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bertmartin/32/6355_2.png) [@bertmartin](https://discourse.nodered.org/u/bertmartin)\
**Post date:** [27 February 2019 21:11 UTC](https://discourse.nodered.org/t/custom-node-with-long-drop-down/8452/1 "2019-02-27T21:11:41Z")

</div>

I am working on a custom node that the configuration has a drop down list that is dynamically created.

My issue is that the list has gotten very long and doesn’t have a way to scroll up and down - once it hits a certain length the values on the top get cut off. How can I either add scroll bars to the drop down list or add type ahead to the list box?

Thanks.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [27 February 2019 21:44 UTC](https://discourse.nodered.org/t/custom-node-with-long-drop-down/8452/2 "2019-02-27T21:44:40Z")

</div>

Hi @bertmartin

how are you generating the list? what HTML elements are you using?

---

<div class="post-metadata">

**Author:** ![bertmartin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bertmartin/32/6355_2.png) [@bertmartin](https://discourse.nodered.org/u/bertmartin)\
**Post date:** [3 March 2019 16:48 UTC](https://discourse.nodered.org/t/custom-node-with-long-drop-down/8452/3 "2019-03-03T16:48:22Z")

</div>

Sorry for the delay - got busy with something else.

This is the code for building the drop down (getSwitch is the function that builds the dynamic list):

```auto
        oneditprepare: function() {
            blist = getSwitch()
			$("#node-config-input-vswitch").typedInput({
                default: this.vswitch,
                types:blist  
			});

```

Here is the HTML:

```auto
	<div class="form-row">
        <label for="node-config-input-vswitch"><i class="icon-tag"></i> Switch</label>
        <input type="text" id="node-config-input-vswitch" placeholder="Switch ID">
	</div>

```

thanks