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.67k stars 125 forks source link

Bootstrap theme doesn't respect Bootstrap color schema #634

Open Kolyunya opened 1 year ago

Kolyunya commented 1 year 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 1 year 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 11 months ago

I added patch #673 for this

github-actions[bot] commented 7 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 7 months ago

Bump

github-actions[bot] commented 3 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 3 months ago

Bump