Keep dropdown on the bottom and avoid the weird interaction

I’m submitting a … (check one with “x”)

[ ] bug report => search github for a similar issue or PR before submitting
[x ] support request/question

Notice: feature requests will be ignored, submit a PR if you'd like

Current behavior I have a component that uses the tag input component with a dropdown and does the interaction of the gif. https://gyazo.com/eb1f2e7e897e2a3c6745830f0b0a0a8d

The problem is that some options hide on the top and cannot be selected by click.

Expected behavior There is some way to keep the dropdown on the bot of de tag-input? I searched a solution and i found that maybe using [appendToBody]=“false”, but i’ve tried and don’t worked.

Minimal reproduction of the problem with instructions (if applicable)

What do you use to build your app?. Please specify the version angular-cli: 1.5.0

Angular version: 4.4.6

ngx-chips version: 1.5.3

Browser: Chrome Versión 62.0.3202.94

[christianpbrubaker]

I Finally got it sorted. I had to add the custom css to my global styles and not in the component that was using the control.

.ng2-dropdown-menu { height: 200px !important }

Hope this helps

[Gbuomprisco]

Check out the option [dynamicUpdate] in version 1.7.5