Positioning of e.g. input Element is overridden by the library's css:
This one (at web/libraries/tagify/dist/tagify.css):
.tagify+input,.tagify+textarea {
position: absolute!important;
left: -9999em!important;
transform: scale(0)!important
}overrides this one (at web/modules/contrib/tagify/css/tagify.css):
input.tagify-widget,
textarea.tagify-widget {
position: absolute !important;
left: 0 !important;
width: 0;
transform: none !important;
opacity: 0;
}Therefore, for elements using tagify, a clientside validation error never comes into view.
I'm not sure, but i think the selectors in the module's css file should get stronger?
* use tagify for e.g. a required term-reference field
* leave the field empty and hit save
** on chrome: nothing happens
** on firefox: validation error is far on the left side
* strengthen the selector: input.tagify-widget to e.g. .tagify+input.tagify-widget and do the same --> clientside validation error is nearby the form element
Add selector strength, e.g. .tagify+input.tagify-widget for the input element and maybe also for the textarea and select element (i'm not using these, therefore for my case not relevant)
Active
1.2
Code