arendjr
"Remove" option link unclickable
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.
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; }
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; }