Disable vertical scroll bar for md-autocomplete autosuggestion drop down

Question

i want to disable scroll bar for md-autocomplete autosuggestion drop down.Is there any css or attribute way to do it?

Do you want to disable the scroll bar itself or do you want to disable scrolling altogether? — Brian Wright, Nov 16 '17 at 14:49
i want to disable or hide complete vertical scrolling in autosuggestion dropdown. — aks, Nov 16 '17 at 18:17

score 1 · Answer 1 · answered Nov 15 '17 at 18:01

1

Give this a try. overflow-y: hidden;

answered Nov 15 '17 at 18:01

Billy Fischbach

can you please suggest on which md autocomplete class we have to apply this property? – aks Nov 15 '17 at 18:55

score 0 · Answer 2 · answered Oct 08 '21 at 14:23

I could disable the vertical scrollbar by adding a new class to global styles.scss :

.mat-autocomplete-panel.max-height-panel {
    max-height: 100%;
}

... and set it to the Material component using the classList directive :

<mat-autocomplete #auto="matAutocomplete" class="max-height-panel" classList="max-height-panel" panelWidth="300px">

2 Answers2