How to display entire option value when hovered in mat-autocomplete

Question

This is demo app that uses mat-autocomplete, I picked from stackoverflow post enter link description here , I want to display option entire value. When the value is long. I fou

Answer 1

You have 3 ways to solve this

1.Adding scroll to mat-option as you already have that in your question

2.Giving width to mat-select, but this will also be issue if mat-option is too long.

3.This option is to wrap text - add below css to mat-option

.mat-option {
 word-break: break-all;
 white-space: normal;
 height: unset;
}