Is there any way to get the md-select to automatically (perhaps to a limit) adjust its width to the maximum size of an md-option within it? I'm trying to use an md-select to hold a list of school names, and some of them are quite long (aka "Bob Jones Academy of Technology Middle"), and these overflow the width shown, leading to ellipses being used. However, another entry might be "Bob Jones Academy of Technology High", which will look identical when abbreviated like this, leading to significant UI concerns for our users, who can't be sure the right item is selected.
I've been able to override the width of the popup that appears when you are selecting an option by removing the max-width restraint on .mat-select-panel using a custom class I apply to md-select's having this, but nothing I can find is convenient for doing the same for the collapsed state md-select. I know I can apply a min-width of sufficient size to the md-select, but this is problematic in multiple ways: it's not conveniently responsive, it requires me to manually find the longest entry and the width that would work, which isn't easy to do if I'm loading dynamic values into the list.
Any suggestions?
Thanks,
Jason