MultiSelect Scrolling Issue


Topic: MultiSelect Scrolling Issue

Bart Cernel asked 6 years ago

Expected behavior When I click into the multiSelect and use the scroll on my mouse, I expect it to scroll immediately.

Actual behavior When i try to scroll, most of the time it just barely scrolls at all, I have to press the middle click button on the mouse (the scroll wheel) twice for it to have the expected scrolling functionality. It is definitely annoying and I was curious if others were having this issue or if there is something that might be causing it on my end. It's definitely not my mouse since it works perfectly fine on other pages.


Jakub Mandra staff premium answered 6 years ago

Hi,

Mdbreact's Select (pro version) does not provide scrolling functionality out of the box, so please provide us with some code snippet, so we could debug.

Best,

Jakub


Bart Cernel commented 6 years ago

I think the issue occurred because of another module trying to load and continuously spinning during the development process. I'm not actually experiencing the behavior anymore. I did however notice that the color parameter for the react version only works with 'primary' and 'secondary'. Any other color sets it to gray instead of the specified color (such as red)


Jakub Mandra staff premium commented 6 years ago

You can use our predefined color classes (cut the "-color" part).

https://mdbootstrap.com/docs/react/css/colors/


Bart Cernel commented 6 years ago

Thank you. That did work. I was trying to use 'red' or 'green' or other options that work for the button colors.


Jakub Mandra staff premium commented 6 years ago

Glad I could help.

Most of the components use those 12 predefined classes. Buttons should accept the whole palette. You can use those colors in your custom .scss as well.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.11.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No