search

orchidjs / tom-select

Tom Select is a lightweight (~16kb gzipped) hybrid of a textbox and select box. Forked from selectize.js to provide a framework agnostic autocomplete widget with native-feeling keyboard navigation. Useful for tagging, contact lists, etc.
https://tom-select.js.org
Apache License 2.0
1.6k stars 120 forks source link

Bootstrap theme doesn't respect Bootstrap color schema #634

Open Kolyunya opened 11 months ago

Kolyunya commented 11 months ago

Describe the bug Bootstrap theme doesn't respect Bootstrap color schema.

To Reproduce

  1. Go to https://jsfiddle.net/Kolyunya/L4u8xptg/2/
  2. See theme background color is black.
  3. See Bootstrap select background is black.
  4. See Tom Select select background is white.

Expected behavior Select background color and text color should match the Bootstrap theme.

Additional context Add any other context about the problem here.

Screenshot 2023-09-25 at 20 26 01
crivotz commented 11 months ago

I temporarily fixed the problem with the following scss

/* TOM SELECT */
.ts-dropdown, .ts-control, .ts-control input {
  color: var(--bs-body-color);
}
.ts-wrapper.plugin-remove_button .item .remove {
  color: $red;
}
.plugin-clear_button .clear-button {
  color: $red;
  right: 60px;
}
.ts-dropdown {
  z-index: 1060;
}
hho6643 commented 8 months ago

I added patch #673 for this

github-actions[bot] commented 4 months ago

This issue has not been active in 120 days and has been marked "stale". Remove stale label or comment or this will be closed in 15 days

Kolyunya commented 4 months ago

Bump

github-actions[bot] commented 1 week ago

This issue has not been active in 120 days and has been marked "stale". Remove stale label or comment or this will be closed in 15 days

Kolyunya commented 1 week ago

Bump