Skip to content

remove_button uses a hardcoded 2px border radius #2044

@caseyjhol

Description

@caseyjhol

I did:

  • Search for if my issue has already been submitted
  • Make sure I'm reporting something precise that needs to be fixed
  • Give my issue a descriptive and concise title
  • Create a minimal working example on JsFiddle or Codepen
    (or gave a link to a demo on the Selectize docs)
  • Indicate precise steps to reproduce in numbers and the result,
    like below

It's possible to override @selectize-border-radius. For the .item styling, the border radius is set to @selectize-border-radius - 1px. However, this same styling is not used for the remove button (it's instead hardcoded to 2px). As a result, when hovering over the button, the border radius does not match up.

Steps to reproduce:

  1. Override @selectize-border-radius to something other than 3px.
  2. Use the remove_button plugin.
  3. See that the border-radius does not update to take the new border radius into account (it's hardcoded to 2px).

See an example here: https://codepen.io/caseyjhol-the-animator/pen/wvRqMwx

  1. Select some items.
  2. Hover over the remove button.

Expected result:
image
image

Actual result:
image
image

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions