Quasar Project to add functionality to a Quasar autocomplete and a quasar q-list Vue.js

Job ID: 30987116

Budget: $10 – $30 USD

I have set up a codepen project to show the code as a start of what I need. I am using Quasar but the skill is listed as Vue because Quasar does not show up.

1. I need the qlist put into a scroll able div so only 5 members or so names show in the list area What I want is just a scroll able area so that number 3 below works. The real list may have 200 names so I want it flexible
2. Attach the members array to the autocomplete
3. when a name is selected in the autocomplete the active q-list item is selected and scrolled into view and highlighted with a different class so the active item is identified. It also needs a click or input event to call a JavaScript function passing in the ID

https://codepen.io/morgenweck/pen/ExmEMLK?editors=1010. Do not low ball a bid to only get me to chat then say what's your budget. Don't ask me to go to Skype. Be honest and we may have a long term working relationship. I have been here for a long time but I am new to Quasar
Related categories: JavaScript CSS HTML5 HTML Vue.js