please move mouseDown event to host

[steve3d]

Is your feature request related to a problem? Please describe.
I see in source here:

ng-select/src/ng-select/lib/ng-select.component.html

Line 2 in dea311f

(mousedown)="handleMousedown($event)"

the mousedown event is bind to ng-select-container's div, but if I want to make some style change, like add padding to ng-select's element, then when click on the padding space won't open the dropdown, but if handleMousedown is a HostListener then there will be no problem, it will work better than before.

Describe the solution you'd like
make handleMousedown a HostListener instead of listen to the inner div.

Describe alternatives you've considered
seems there is no alternative way when add padding to ng-select element.

[varnastadeus]

Seems wrong that clicking on an empty space should open a dropdown 🤔

[steve3d]

well, how about this kind of design? I have padding under ng-select, the .ng-container is in side the padding.

current design only opens when clicking the container, but is has a padding, click on padding won't open the dropdown.

If i set margin to ng-container then I have to set border-radius to every thing inside.

[steve3d]

rendering result.