Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

249
Views
I am trying to add a custom scrollbar component to my list of options inside MUI Autocomplete

I am trying to add this scroll- https://www.npmjs.com/package/react-custom-scrollbars-2 to the Material UI autocomplete list of options. My application is using the same scroll component everywhere and the UI looks really off with the traditional default scroll that we have on mui autocomplete.

Link to component- https://codesandbox.io/s/eioiuz?file=/demo.tsx

Here's how it looks right now- https://i.stack.imgur.com/Uwvif.png

Here's how I want the scrollbar to look like- https://i.stack.imgur.com/AM367.png

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

A possible way to solve this problem is by styling the default tag used by MUI Autocomplete list component box. For Example ul::-webkit-scrollbar { width: 4px; } will reduce the size of the scrollbar.

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!