tom-select icon indicating copy to clipboard operation
tom-select copied to clipboard

Problem with displaying icon of clear button after form validation.

Open chaczyk007 opened this issue 3 years ago • 3 comments

After the form is validated, the icons overlap. image

To Reproduce Add clear button plugin and then validate the form on submit. https://tom-select.js.org/plugins/clear-button/

Example https://jsfiddle.net/chaczyk/3oskyx2b/

Expected behavior Display a button to clear value in front of the validation icon.

chaczyk007 avatar Oct 17 '22 10:10 chaczyk007

I ended up working around it with a bit of CSS:

.is-valid .clear-button {
    right: 3.75rem !important; 
}

.is-invalid .clear-button {
    right: 3.75rem !important;
}

nisegami avatar Mar 09 '23 18:03 nisegami

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

github-actions[bot] avatar Nov 17 '23 02:11 github-actions[bot]

This bug still exists.

Dennis14e avatar Nov 17 '23 07:11 Dennis14e

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

github-actions[bot] avatar Mar 19 '24 01:03 github-actions[bot]

This bug still exists.

chaczyk007 avatar Apr 03 '24 06:04 chaczyk007