"Remove" option link unclickable

[syosoft]

When the selected item label is too long and options.removable, a.selectivity-single-selected-item-remove is covered up by span.selectivity-single-selected-item.

It seems like a CSS fix - but figured I'd mention it because it should be fixed in core.

[arendjr]

Good catch, thanks!

[syosoft]

Still coming up with a way to fix the ellipsis from going behind the (X), but this fixes the click problem.

.selectivity-single-selected-item-remove {
color: rgba(0,0,0,0.75);
/* float: right;*/
position:absolute; # The fix
right:0; # The fix
padding: 0 5px; }

[syosoft]

Unfortunately, the fix I came up with always adds 20px of padding to the right.

.selectivity-single-result-container {
position: absolute;
top: 7px;
right: 5px;
left: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.875rem;
color: rgba(0,0,0,0.75);
padding-right: 20px; # The fix
}

Would be better if core added .item-remove to .selectivity-single-result-container, then we'd be able to add a simple rule like to not pad the container when there was no remove option.

.selectivity-single-result-container.item-remove {
padding-right: 20px;
}

[arendjr]

@syosoft Can you confirm #213 fixes this issue for you?