Bug description
For some reason, it is 5px additional to the left:
.ts-wrapper.single .ts-control:not(.rtl):after {
right: calc(.75rem + 5px);
}
Expected behavior
When I add the following overrides, it gets fixed:
/* Align better with custom-select styles */
.ts-wrapper.single .ts-control:not(.rtl)::after {
right: 0.75rem;
}
Steps to reproduce
Add a Tom Select single-value element and compare the caret position with a Bootstrap 4 select that has the "custom-select" class.
Additional context
- OS: All
- Browser: All
- Version: latest (Bootstrap 4)