Infinite loading bar under input text

PLEASE MAKE SURE THAT:

• you searched similar issues online (9/10 issues in this repo are solved by googling, so please…do it)
• you provide an online demo I can see without having to replicate your environment
• you help me by debugging your issue, and if you can’t, do go on filling out this form

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

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

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

Current behavior

In the online demo (https://angular-mfppay.stackblitz.io/), in the example titled “Tags accepting only items from an autocomplete using a remote endpoint”, when you type something and in the meanwhile there are another PENDING api call, the blue progress bar under the input text have a strange behaviour (spinning infinitly)

Expected behavior

The progress bar stop and restart after the new debouncetime

Minimal reproduction of the problem with instructions (if applicable)

look at your demo

What do you use to build your app?. Please specify the version

look at your demo

Angular version:

look at your demo

ngx-chips version:

look at your demo

Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

Chrome 78 progressbug.zip

[pgarzina]

Experiencing the same issue, altho only when using the tag-input inside a bootstrap modal (ngx-bootstrap), so might be due to bootstraps css. tried @HDaghash workaround which works, but decided to just hide it with css

[rahulchandranm]

The progress bar issue resolved for me by adding below css if you don’t want to show the progress bar at all:

.progress-bar { display: none !important; }