Clicking on the Scrollbar closes the dropdown

[ednelson89]

I mostly modeled the css from the docs, but clicking on the Scrollbar of the overflow closes the dropdown. Arrows and mouse wheel still work. My css is below. The autocomplete is implemented in a modal, which is why .v-autocomplete-list has a z-index pulling it to the front. If I implement the component outside of the modal, it works just fine, which leads me to think it's something to do with the z-indexing. Any suggestions?

/*V-Autocomplete */ .v-autocomplete { position: relative; } .v-autocomplete-selected { color: green; background-color: #f2fff2; } .v-autocomplete .v-autocomplete-list { position: absolute; width: 100%; text-align: left; border: none; max-height: 400px; overflow-y: auto; border-bottom: 1px solid #157977; z-index: 9999999; } .v-autocomplete .v-autocomplete-list .v-autocomplete-list-item { cursor: pointer; background-color: #fff; padding: 10px; border-bottom: 1px solid #157977; border-left: 1px solid #157977; border-right: 1px solid #157977; } .v-autocomplete-list-item :hover { background-color: #4e88be6e; } .v-autocomplete .v-autocomplete-list .v-autocomplete-list-item.v-autocomplete-item-active { background-color: #f3f6fa; }