Show a text cursor while the item list accepts items

diff --git a/ts/WoltLabSuite/Core/Ui/ItemList.ts b/ts/WoltLabSuite/Core/Ui/ItemList.ts
index a9990cd35e81d38976cde9c859a7b8d063ffa78d..6807bc1609db307d18fe911c2738ef5ca1007759 100644 (file)
--- a/ts/WoltLabSuite/Core/Ui/ItemList.ts
+++ b/ts/WoltLabSuite/Core/Ui/ItemList.ts
@@ -26,6 +26,7 @@ function createUI(element: ItemListInputElement, options: ItemListOptions): UiDa
 
   const list = document.createElement("ol");
   list.className = "inputItemList" + (element.disabled ? " disabled" : "");
+  list.dataset.acceptsNewItems = "true";
   list.dataset.elementId = element.id;
   list.addEventListener("click", (event) => {
     if (event.target === list) {
@@ -123,9 +124,11 @@ function handleLimit(elementId: string): void {
   if (acceptsNewItems(elementId)) {
     DomUtil.show(data.element);
     DomUtil.hide(data.limitReached);
+    data.list.dataset.acceptsNewItems = "true";
   } else {
     DomUtil.hide(data.element);
     DomUtil.show(data.limitReached);
+    data.list.dataset.acceptsNewItems = "false";
   }
 }
 

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/ItemList.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/ItemList.js
index 28a7853c56ae800f50903dcadbe9153937842b56..0ead64c283a83534a234c17694541ee19cb8497c 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/ItemList.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/ItemList.js
@@ -25,6 +25,7 @@ define(["require", "exports", "tslib", "../Core", "../Dom/Traverse", "../Languag
         const parentElement = element.parentElement;
         const list = document.createElement("ol");
         list.className = "inputItemList" + (element.disabled ? " disabled" : "");
+        list.dataset.acceptsNewItems = "true";
         list.dataset.elementId = element.id;
         list.addEventListener("click", (event) => {
             if (event.target === list) {
@@ -109,10 +110,12 @@ define(["require", "exports", "tslib", "../Core", "../Dom/Traverse", "../Languag
         if (acceptsNewItems(elementId)) {
             Util_1.default.show(data.element);
             Util_1.default.hide(data.limitReached);
+            data.list.dataset.acceptsNewItems = "true";
         }
         else {
             Util_1.default.hide(data.element);
             Util_1.default.show(data.limitReached);
+            data.list.dataset.acceptsNewItems = "false";
         }
     }
     /**

diff --git a/wcfsetup/install/files/style/ui/itemListInput.scss b/wcfsetup/install/files/style/ui/itemListInput.scss
index 02902a8f814193a046fc63d334d1806af31bbf9b..314758798771eb444f6eb8857c7007c0b9f2b108 100644 (file)
--- a/wcfsetup/install/files/style/ui/itemListInput.scss
+++ b/wcfsetup/install/files/style/ui/itemListInput.scss
@@ -6,6 +6,10 @@
        padding-bottom: 0;
        padding-top: 5px;
 
+       &[data-accepts-new-items="true"] {
+               cursor: text;
+       }
+
        > .item,
        > .input {
                flex: 0 0 auto;