Autosize ng-select width to longest option width

Is your feature request related to a problem? Please describe. Default <select> behavior is to size itself to the width of the longest option it contains. This allows for the select to stay fixed width throughout the process of selecting options and prevents “content jumping” in inline forms.

Describe the solution you’d like Mimic regular select behavior. Currently, you can only set width by css, but you don’t know the width of largest possible option during runtime and there’s apparently no way to calculate that, as options are not in DOM, until clicked.

[varnastadeus]

I don’t think this is good practice, usually your control is based on parents width or static width you define. Width based on longest option will result in miss-aligned UI and problems with overflowing content. I think this feature will add unnecessary complexity and extra calculations and the benefit won’t outweigh the cost.

[varnastadeus]

here is simple working scss solution

<ng-select class="auto-grow"></ng-select>

.ng-select.auto-grow {
  display: flex;

  .ng-select-container {
    min-width: 100px;
    width: auto;
  }

  .ng-dropdown-panel {
    width: auto;
  }
}