From 3202f96181385c7a05ca3c40f7a4566cc1a6fa7a Mon Sep 17 00:00:00 2001
From: Dan Brown <ssddanbrown@googlemail.com>
Date: Thu, 26 Jan 2023 16:10:47 +0000
Subject: [PATCH] Tweak tag list to add new row on input instead of change
Prevented interferance with the user's action if they interacted with
something below the tags, since a new row would be added on blur and
hence shift down positions.
For #3931
---
resources/js/components/tag-manager.js | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/resources/js/components/tag-manager.js b/resources/js/components/tag-manager.js
index cfbc514a0..24d340553 100644
--- a/resources/js/components/tag-manager.js
+++ b/resources/js/components/tag-manager.js
@@ -10,10 +10,11 @@ export class TagManager extends Component {
}
setupListeners() {
- this.container.addEventListener('change', event => {
+ this.container.addEventListener('input', event => {
+
/** @var {AddRemoveRows} **/
const addRemoveComponent = window.$components.firstOnElement(this.addRemoveComponentEl, 'add-remove-rows');
- if (!this.hasEmptyRows()) {
+ if (!this.hasEmptyRows() && event.target.value) {
addRemoveComponent.add();
}
});