creativetimofficial / vue-argon-dashboard

Vue Argon Dashboard
https://demos.creative-tim.com/vue-argon-dashboard
MIT License
391 stars 760 forks source link

[Bug] No overflow for base-dropdown #50

Closed moaazelsayed closed 2 years ago

moaazelsayed commented 4 years ago

Version

v1.0.0

Reproduction link

https://jsfiddle.net/#&togetherjs=djMigpn4v4

Operating System

Windows

Device

Laptop

Browser & Version

Version 85.0.4183.121 (Official Build) (64-bit)Chrome

Steps to reproduce

Click on dropdown button it will overflow if there are many items in the list to be selected

What is expected?

The dropdown is expected to overflow if it exceeds the view of the page instead of extending the page itself

What is actually happening?

"

{{option}}

"

Using the base-dropdown I get stuck with scrolling through 100s of options and increasing the length of the page itself instead of overflow. There's currently no option for overflow and other solutions https://vuescrolljs.yvescoding.org/, https://github.com/JefferyLiang/vue-overflow-scroll and https://binaryify.github.io/vue-custom-scrollbar all don't work on this component. Is there any way i'm able to get overflow to work on this component?


Solution

Additional comments

dragosct commented 4 years ago

Hi, @moaazelsayed! Thanks for using our products. Why you don't put on the dropdown div a fixed height with overflow: scroll; and then you can put how many items did you want there?

Regards, Dragos