Skip to content

[Bug]: Caret position is slightly off, compared to Bootstrap 4 custom-select #732

@pereorga

Description

@pereorga

Bug description

For some reason, it is 5px additional to the left:

.ts-wrapper.single .ts-control:not(.rtl):after {
    right: calc(.75rem + 5px);
}
SCR-20240617-tmfs

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;
}
SCR-20240617-thry

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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingstaleNo activity

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions