ng-chips | A chip library for Angular

My issue is very similar to the one faced here: PrimeNG Chips overflow behaviour

The only difference is that I'm using Multi-Select Dropdown with the Display: Chip as one of the settings. The problem is that the container keeps on stretching horizontally and goes off the page, when I want it to expand vertically. I thought perhaps finding the elements and using the suggested CSS from the previous answer would work, but to no avail... I've tried the following:

I'm passing an array of objects value1 to the p-chips component.

app.component.ts

I have a form input field which I need to get the string value from and and group the inputs into separate arrays based on the weather the words end in a comma or space.

I tried taking the input string then spliting the string using comma as a separator, then pushing that to the commaArray, then filtering through that array to get values separated by spaces and pushing that to the spacesArray. I haven't had much success. I also need to group the last word in the input field with the spaces array so basically if it does not end in comma the word is grouped with the spaceSeparatedArray.

I have added code and recreated in stackblitz too - link below.

https://stackblitz.com/edit/primeng-chips-demo-ss6jy4?file=src%2Fapp%2Fapp.component.html

Input String:
"a, b, cd ef gh, ijkl, mnop"

Desired Output Arrays:
commaSeparatedArray = ["a", "b", "gh", "ijkl"]

spaceSeparatedArray = ["cd", "ef", "mnop"]

HTML

I am using angular 2 and I am trying to reference a github repo directly instead of an npm package in order to debug but the project does not compile. In my packages.json I changed "primeng": "4.2.2", with "primeng": "git+https://github.com/primefaces/primeng.git"

When I build I get following errors