Feature Request: Allow ng-dropdown panel option to grow larger than parent

Expected behaviour

Allow the dropdown panel width for the options to grow larger than the parent for long items

Actual behaviour

Dropdown panel width limited to the size of the parent

More Info

ng-select version:1.0.3

I can allow this by changing the ng-dropdown-panel.component line 363:

        //from: dropdownPanel.style.width = selectRect.width + 'px';
		dropdownPanel.style.width = 'auto';
        dropdownPanel.style.minWidth = selectRect.width + 'px';

perhaps it makes sense to make this an option.

[SergeyCherman]

This works fine when virtual scroll is false, but when setting [virtualScroll]="true" then width: auto doesn’t work.

[carpeVideo]

Yes - CSS only would be the ideal solution, however, you can’t just use CSS because the minimum size is calculated in the code. So while I can over-ride and set the width to auto, CSS can not know the minimum size to set.

So what happens is if an ng-select has text that is smaller than the parent the panel becomes smaller than the parent which looks terrible.

So I realized there is an easy way to make it allow in CSS with 1 minor code change:

        //from: dropdownPanel.style.width = selectRect.width + 'px';
        dropdownPanel.style.minWidth = selectRect.width + 'px';

Then the behavior is as always to most users, but if you want the panel to grow larger than the parent in css set the panel width to ‘auto’. If you could make that small change that would be very helpful.

Thanks.