Multi-select pill overflow according to width instead of count

We're trying to implement pills into our multi-select box and once it overflows the box, have it show '...X more'.

Currently we're looking to use Ant Design's multi-selection box.

Sandbox here

What Ant Design's multi-selection does is allow you to determine the count before it shows the '...X more' text. However this requires huge flexibility on design and coding because we would have to set a value for each instance depending on space available.

So to combat this, we're looking to implement one that shows '...X more' if the next pill will overflow the container.

Thoughts on if this is even possible?