Browser autofill options overlap angular material autocomplete options

Question

In angular material, material autocomplete is working fine, but the browser auto fill options are overlapping the material autocomplete popup. How to turn off autocomplete for a specific application without turning off browser auto-fill? Reference image attached.

Answer 1

its also working

<input type="search" />

Answer 2

If you want to prevent browser (especially chrome) autocomplete trigger on an input you'd have to override its default behaviour. Google doesn't respect autocomplete="off". From my experience thing that always worked was using this autocomplete="randomstring", but this is more of a workaround that a solution. You might find more ways to disable it here.