@nectary/components 5.34.0 → 5.36.0

package/accordion-item/index.js

@@ -22,7 +22,14 @@ class AccordionItem extends NectaryElement {
   disconnectedCallback() {
   }
   static get observedAttributes() {
-    return ["label", "disabled", "data-checked", "optionaltext", "ellipsis"];
+    return [
+      "label",
+      "disabled",
+      "data-checked",
+      "optionaltext",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: ellipsis missing set/get pair, fixed by MR !597
+      "ellipsis"
+    ];
   }
   attributeChangedCallback(name, oldVal, newVal) {
     if (isAttrEqual(oldVal, newVal)) {

package/bundle.js

@@ -389,7 +389,12 @@ class Title extends NectaryElement {
     this.setAttribute("role", "heading");
   }
   static get observedAttributes() {
-    return ["text", "level", "ellipsis"];
+    return [
+      "text",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: level missing set/get pair
+      "level",
+      "ellipsis"
+    ];
   }
   attributeChangedCallback(name, oldVal, newVal) {
     switch (name) {
@@ -449,7 +454,14 @@ class AccordionItem extends NectaryElement {
   disconnectedCallback() {
   }
   static get observedAttributes() {
-    return ["label", "disabled", "data-checked", "optionaltext", "ellipsis"];
+    return [
+      "label",
+      "disabled",
+      "data-checked",
+      "optionaltext",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: ellipsis missing set/get pair, fixed by MR !597
+      "ellipsis"
+    ];
   }
   attributeChangedCallback(name, oldVal, newVal) {
     if (isAttrEqual(oldVal, newVal)) {
@@ -2206,7 +2218,15 @@ class ButtonGroupItem extends NectaryElement {
     this.#$sinchButton = shadowRoot.querySelector("#sinch-button-element");
   }
   static get observedAttributes() {
-    return ["type", "size", "text", "disabled", "toggled"];
+    return [
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set type
+      "type",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set size
+      "size",
+      "text",
+      "disabled",
+      "toggled"
+    ];
   }
   attributeChangedCallback(name, oldVal, newVal) {
     updateAttribute(this.#$sinchButton, name, newVal);
@@ -2749,7 +2769,12 @@ class CardV2 extends NectaryElement {
     }
   }
   static get observedAttributes() {
-    return ["clickable", "disabled", "selected"];
+    return [
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: clickable missing set/get pair
+      "clickable",
+      "disabled",
+      "selected"
+    ];
   }
   attributeChangedCallback(name, _oldVal, newVal) {
     switch (name) {
@@ -4113,14 +4138,18 @@ class Tooltip extends NectaryElement {
   }
   static get observedAttributes() {
     return [
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set isOpened
       "is-opened",
       "text",
       "orientation",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set textAlign
       "text-align",
       "type",
       "aria-label",
       "aria-description",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: getter exists but missing set showOutsideViewport
       "show-outside-viewport",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set allowScroll
       "allow-scroll"
     ];
   }
@@ -5408,7 +5437,9 @@ class DatePicker extends NectaryElement {
       "max",
       "locale",
       "range",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set prevYearAriaLabel
       "prev-year-aria-label",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set nextYearAriaLabel
       "next-year-aria-label",
       "prev-month-aria-label",
       "next-month-aria-label"
@@ -5830,6 +5861,7 @@ class Dialog extends NectaryElement {
     return [
       "caption",
       "open",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set closeAriaLabel
       "close-aria-label",
       "hide-close-button",
       "prevent-close"
@@ -6448,18 +6480,24 @@ class Input extends NectaryElement {
       "value",
       "placeholder",
       "mask",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set max
       "max",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set min
       "min",
       "invalid",
       "disabled",
       "size",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set step
       "step",
       "autocomplete",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set readonly
       "readonly",
       "autofocus",
       "data-size",
       "aria-label",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set maxlength
       "maxlength",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set required
       "required"
     ];
   }
@@ -13669,8 +13707,11 @@ class SelectMenu extends NectaryElement {
       "rows",
       "multiple",
       "searchable",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set searchValue
       "search-value",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set searchPlaceholder
       "search-placeholder",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set searchAutocomplete
       "search-autocomplete"
     ];
   }
@@ -14292,7 +14333,12 @@ class SheetTitle extends NectaryElement {
     this.#controller = null;
   }
   static get observedAttributes() {
-    return ["title", "description", "close-aria-label"];
+    return [
+      "title",
+      "description",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: close-aria-label missing set/get pair
+      "close-aria-label"
+    ];
   }
   attributeChangedCallback(name, oldVal, newVal) {
     if (isAttrEqual(oldVal, newVal)) {
@@ -14415,7 +14461,10 @@ class Skeleton extends NectaryElement {
     this.#observer = null;
   }
   static get observedAttributes() {
-    return ["card"];
+    return [
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: card missing set/get pair
+      "card"
+    ];
   }
   attributeChangedCallback(name, _oldVal, newVal) {
     if (name === "card") {
@@ -14795,10 +14844,11 @@ class Textarea extends NectaryElement {
   #$bottomWrapper;
   #$resizeHandle;
   #cursorPos = null;
-  #isPendingDk = false;
+  #pendingPostInputCaret = null;
   #controller = null;
   #sizeContext;
   #prevContentHeight = 0;
+  #lastValueForAutoResize;
   #dragStartY = 0;
   #intersectionObserver = null;
   #internals;
@@ -14825,7 +14875,6 @@ class Textarea extends NectaryElement {
     this.ariaMultiLine = "true";
     this.#internals.ariaMultiLine = "true";
     this.#$input.addEventListener("input", this.#onInput, options);
-    this.#$input.addEventListener("compositionstart", this.#onCompositionStart, options);
     this.#$input.addEventListener("mousedown", this.#onSelectionChange, options);
     this.#$input.addEventListener("keydown", this.#onSelectionChange, options);
     this.#$input.addEventListener("focus", this.#onInputFocus, options);
@@ -14839,6 +14888,7 @@ class Textarea extends NectaryElement {
     this.#onBottomSlotChange();
     this.#updateMinRows();
     this.#updateMaxRows();
+    this.#lastValueForAutoResize = this.#$input.value;
     this.#onSizeUpdate();
   }
   disconnectedCallback() {
@@ -14856,6 +14906,10 @@ class Textarea extends NectaryElement {
   formResetCallback() {
     this.#$input.value = "";
     setFormValue(this.#internals, "");
+    this.#lastValueForAutoResize = "";
+    if (!this.resizable) {
+      this.#applyAutoResize(true);
+    }
   }
   formStateRestoreCallback(state) {
     if (this.#internals.form === null || getBooleanAttribute(this.#internals.form, "data-form-state-restore") === false) {
@@ -14863,8 +14917,14 @@ class Textarea extends NectaryElement {
     }
     if (state !== null) {
       const value = typeof state === "string" ? state : state.get(this.name);
-      this.#$input.value = value?.toString() ?? "";
-      setFormValue(this.#internals, value?.toString() ?? "");
+      const next = value?.toString() ?? "";
+      const prevLen = this.#$input.value.length;
+      this.#$input.value = next;
+      setFormValue(this.#internals, next);
+      this.#lastValueForAutoResize = next;
+      if (!this.resizable) {
+        this.#applyAutoResize(next.length < prevLen);
+      }
     }
   }
   static get observedAttributes() {
@@ -14889,20 +14949,18 @@ class Textarea extends NectaryElement {
           const isShrinkingContent = nextVal.length < prevVal.length;
           this.#$input.value = nextVal;
           setFormValue(this.#internals, nextVal);
+          this.#lastValueForAutoResize = nextVal;
           if (!this.resizable) {
-            if (isShrinkingContent) {
-              this.#$input.style.removeProperty("height");
-            }
-            const nextContentHeight = this.#$input.scrollHeight;
-            if (isShrinkingContent || nextContentHeight !== this.#prevContentHeight) {
-              this.#prevContentHeight = nextContentHeight;
-              this.#$input.style.setProperty("height", `${this.#prevContentHeight}px`);
-            }
+            this.#applyAutoResize(isShrinkingContent);
           }
           if (!isPrevCursorEnd) {
-            this.#$input.setSelectionRange(this.#cursorPos, this.#cursorPos);
+            const growing = nextVal.length >= prevVal.length;
+            const rawCaret = growing ? this.#pendingPostInputCaret ?? prevCursorPos ?? this.#cursorPos ?? 0 : this.#cursorPos ?? prevCursorPos ?? 0;
+            const caret = Math.min(Math.max(rawCaret, 0), nextVal.length);
+            this.#$input.setSelectionRange(caret, caret);
           }
         }
+        this.#pendingPostInputCaret = null;
         break;
       }
       case "placeholder": {
@@ -15081,34 +15139,49 @@ class Textarea extends NectaryElement {
     this.#$input.style.setProperty("min-height", `${getRect(this.#$input).height}px`);
     this.#$input.rows = this.rows;
   }
-  #onCompositionStart = () => {
-    this.#isPendingDk = true;
-  };
   #onSelectionChange = () => {
     this.#cursorPos = this.#$input.selectionEnd;
   };
+  #applyAutoResize(isShrinkingContent) {
+    if (isShrinkingContent) {
+      this.#$input.style.removeProperty("height");
+    }
+    const nextContentHeight = this.#$input.scrollHeight;
+    if (isShrinkingContent || nextContentHeight !== this.#prevContentHeight) {
+      this.#prevContentHeight = nextContentHeight;
+      this.#$input.style.setProperty("height", `${this.#prevContentHeight}px`);
+    }
+  }
   #onInput = (e) => {
     e.stopPropagation();
     const nextValue = this.#$input.value;
     const prevValue = this.value;
+    const priorForResize = this.#lastValueForAutoResize;
+    const isShrinkingContent = priorForResize !== void 0 && nextValue.length < priorForResize.length;
     setFormValue(this.#internals, nextValue);
+    if (!this.resizable) {
+      this.#applyAutoResize(isShrinkingContent);
+    }
+    this.#lastValueForAutoResize = nextValue;
     if (prevValue !== nextValue) {
-      const nextCursorPos = this.#$input.selectionEnd;
-      if (!this.#isPendingDk) {
-        this.#$input.value = prevValue;
-        const prevCursorPos = this.#cursorPos;
-        const isPrevCursorEnd = prevCursorPos === null || prevCursorPos === prevValue.length;
-        if (!isPrevCursorEnd) {
-          this.#$input.setSelectionRange(prevCursorPos, prevCursorPos);
-        }
+      const postInputCaret = this.#$input.selectionEnd;
+      if (postInputCaret !== null) {
+        this.#pendingPostInputCaret = postInputCaret;
       }
-      this.#isPendingDk = false;
-      this.#cursorPos = nextCursorPos;
       this.dispatchEvent(
         new CustomEvent("-change", {
           detail: nextValue
         })
       );
+      queueMicrotask(() => {
+        if (!this.isConnected) {
+          return;
+        }
+        const end = this.#$input.selectionEnd;
+        if (end !== null) {
+          this.#cursorPos = end;
+        }
+      });
     }
   };
   #onDragStart = (e) => {

package/button-group-item/index.js

@@ -14,7 +14,15 @@ class ButtonGroupItem extends NectaryElement {
     this.#$sinchButton = shadowRoot.querySelector("#sinch-button-element");
   }
   static get observedAttributes() {
-    return ["type", "size", "text", "disabled", "toggled"];
+    return [
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set type
+      "type",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set size
+      "size",
+      "text",
+      "disabled",
+      "toggled"
+    ];
   }
   attributeChangedCallback(name, oldVal, newVal) {
     updateAttribute(this.#$sinchButton, name, newVal);

package/card-v2/index.js

@@ -92,7 +92,12 @@ class CardV2 extends NectaryElement {
     }
   }
   static get observedAttributes() {
-    return ["clickable", "disabled", "selected"];
+    return [
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: clickable missing set/get pair
+      "clickable",
+      "disabled",
+      "selected"
+    ];
   }
   attributeChangedCallback(name, _oldVal, newVal) {
     switch (name) {

package/date-picker/index.js

@@ -95,7 +95,9 @@ class DatePicker extends NectaryElement {
       "max",
       "locale",
       "range",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set prevYearAriaLabel
       "prev-year-aria-label",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set nextYearAriaLabel
       "next-year-aria-label",
       "prev-month-aria-label",
       "next-month-aria-label"

package/dialog/index.js

@@ -68,6 +68,7 @@ class Dialog extends NectaryElement {
     return [
       "caption",
       "open",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set closeAriaLabel
       "close-aria-label",
       "hide-close-button",
       "prevent-close"

package/input/index.js

@@ -173,18 +173,24 @@ class Input extends NectaryElement {
       "value",
       "placeholder",
       "mask",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set max
       "max",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set min
       "min",
       "invalid",
       "disabled",
       "size",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set step
       "step",
       "autocomplete",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set readonly
       "readonly",
       "autofocus",
       "data-size",
       "aria-label",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set maxlength
       "maxlength",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set required
       "required"
     ];
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nectary/components",
-  "version": "5.34.0",
+  "version": "5.36.0",
   "files": [
     "**/*/*.css",
     "**/*/*.json",

package/select-menu/index.js

@@ -113,8 +113,11 @@ class SelectMenu extends NectaryElement {
       "rows",
       "multiple",
       "searchable",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set searchValue
       "search-value",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set searchPlaceholder
       "search-placeholder",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set searchAutocomplete
       "search-autocomplete"
     ];
   }

package/sheet-title/index.js

@@ -33,7 +33,12 @@ class SheetTitle extends NectaryElement {
     this.#controller = null;
   }
   static get observedAttributes() {
-    return ["title", "description", "close-aria-label"];
+    return [
+      "title",
+      "description",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: close-aria-label missing set/get pair
+      "close-aria-label"
+    ];
   }
   attributeChangedCallback(name, oldVal, newVal) {
     if (isAttrEqual(oldVal, newVal)) {

package/skeleton/index.js

@@ -59,7 +59,10 @@ class Skeleton extends NectaryElement {
     this.#observer = null;
   }
   static get observedAttributes() {
-    return ["card"];
+    return [
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: card missing set/get pair
+      "card"
+    ];
   }
   attributeChangedCallback(name, _oldVal, newVal) {
     if (name === "card") {

package/textarea/index.js

@@ -14,10 +14,11 @@ class Textarea extends NectaryElement {
   #$bottomWrapper;
   #$resizeHandle;
   #cursorPos = null;
-  #isPendingDk = false;
+  #pendingPostInputCaret = null;
   #controller = null;
   #sizeContext;
   #prevContentHeight = 0;
+  #lastValueForAutoResize;
   #dragStartY = 0;
   #intersectionObserver = null;
   #internals;
@@ -44,7 +45,6 @@ class Textarea extends NectaryElement {
     this.ariaMultiLine = "true";
     this.#internals.ariaMultiLine = "true";
     this.#$input.addEventListener("input", this.#onInput, options);
-    this.#$input.addEventListener("compositionstart", this.#onCompositionStart, options);
     this.#$input.addEventListener("mousedown", this.#onSelectionChange, options);
     this.#$input.addEventListener("keydown", this.#onSelectionChange, options);
     this.#$input.addEventListener("focus", this.#onInputFocus, options);
@@ -58,6 +58,7 @@ class Textarea extends NectaryElement {
     this.#onBottomSlotChange();
     this.#updateMinRows();
     this.#updateMaxRows();
+    this.#lastValueForAutoResize = this.#$input.value;
     this.#onSizeUpdate();
   }
   disconnectedCallback() {
@@ -75,6 +76,10 @@ class Textarea extends NectaryElement {
   formResetCallback() {
     this.#$input.value = "";
     setFormValue(this.#internals, "");
+    this.#lastValueForAutoResize = "";
+    if (!this.resizable) {
+      this.#applyAutoResize(true);
+    }
   }
   formStateRestoreCallback(state) {
     if (this.#internals.form === null || getBooleanAttribute(this.#internals.form, "data-form-state-restore") === false) {
@@ -82,8 +87,14 @@ class Textarea extends NectaryElement {
     }
     if (state !== null) {
       const value = typeof state === "string" ? state : state.get(this.name);
-      this.#$input.value = value?.toString() ?? "";
-      setFormValue(this.#internals, value?.toString() ?? "");
+      const next = value?.toString() ?? "";
+      const prevLen = this.#$input.value.length;
+      this.#$input.value = next;
+      setFormValue(this.#internals, next);
+      this.#lastValueForAutoResize = next;
+      if (!this.resizable) {
+        this.#applyAutoResize(next.length < prevLen);
+      }
     }
   }
   static get observedAttributes() {
@@ -108,20 +119,18 @@ class Textarea extends NectaryElement {
           const isShrinkingContent = nextVal.length < prevVal.length;
           this.#$input.value = nextVal;
           setFormValue(this.#internals, nextVal);
+          this.#lastValueForAutoResize = nextVal;
           if (!this.resizable) {
-            if (isShrinkingContent) {
-              this.#$input.style.removeProperty("height");
-            }
-            const nextContentHeight = this.#$input.scrollHeight;
-            if (isShrinkingContent || nextContentHeight !== this.#prevContentHeight) {
-              this.#prevContentHeight = nextContentHeight;
-              this.#$input.style.setProperty("height", `${this.#prevContentHeight}px`);
-            }
+            this.#applyAutoResize(isShrinkingContent);
           }
           if (!isPrevCursorEnd) {
-            this.#$input.setSelectionRange(this.#cursorPos, this.#cursorPos);
+            const growing = nextVal.length >= prevVal.length;
+            const rawCaret = growing ? this.#pendingPostInputCaret ?? prevCursorPos ?? this.#cursorPos ?? 0 : this.#cursorPos ?? prevCursorPos ?? 0;
+            const caret = Math.min(Math.max(rawCaret, 0), nextVal.length);
+            this.#$input.setSelectionRange(caret, caret);
           }
         }
+        this.#pendingPostInputCaret = null;
         break;
       }
       case "placeholder": {
@@ -300,34 +309,49 @@ class Textarea extends NectaryElement {
     this.#$input.style.setProperty("min-height", `${getRect(this.#$input).height}px`);
     this.#$input.rows = this.rows;
   }
-  #onCompositionStart = () => {
-    this.#isPendingDk = true;
-  };
   #onSelectionChange = () => {
     this.#cursorPos = this.#$input.selectionEnd;
   };
+  #applyAutoResize(isShrinkingContent) {
+    if (isShrinkingContent) {
+      this.#$input.style.removeProperty("height");
+    }
+    const nextContentHeight = this.#$input.scrollHeight;
+    if (isShrinkingContent || nextContentHeight !== this.#prevContentHeight) {
+      this.#prevContentHeight = nextContentHeight;
+      this.#$input.style.setProperty("height", `${this.#prevContentHeight}px`);
+    }
+  }
   #onInput = (e) => {
     e.stopPropagation();
     const nextValue = this.#$input.value;
     const prevValue = this.value;
+    const priorForResize = this.#lastValueForAutoResize;
+    const isShrinkingContent = priorForResize !== void 0 && nextValue.length < priorForResize.length;
     setFormValue(this.#internals, nextValue);
+    if (!this.resizable) {
+      this.#applyAutoResize(isShrinkingContent);
+    }
+    this.#lastValueForAutoResize = nextValue;
     if (prevValue !== nextValue) {
-      const nextCursorPos = this.#$input.selectionEnd;
-      if (!this.#isPendingDk) {
-        this.#$input.value = prevValue;
-        const prevCursorPos = this.#cursorPos;
-        const isPrevCursorEnd = prevCursorPos === null || prevCursorPos === prevValue.length;
-        if (!isPrevCursorEnd) {
-          this.#$input.setSelectionRange(prevCursorPos, prevCursorPos);
-        }
+      const postInputCaret = this.#$input.selectionEnd;
+      if (postInputCaret !== null) {
+        this.#pendingPostInputCaret = postInputCaret;
       }
-      this.#isPendingDk = false;
-      this.#cursorPos = nextCursorPos;
       this.dispatchEvent(
         new CustomEvent("-change", {
           detail: nextValue
         })
       );
+      queueMicrotask(() => {
+        if (!this.isConnected) {
+          return;
+        }
+        const end = this.#$input.selectionEnd;
+        if (end !== null) {
+          this.#cursorPos = end;
+        }
+      });
     }
   };
   #onDragStart = (e) => {

package/title/index.js

@@ -16,7 +16,12 @@ class Title extends NectaryElement {
     this.setAttribute("role", "heading");
   }
   static get observedAttributes() {
-    return ["text", "level", "ellipsis"];
+    return [
+      "text",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: level missing set/get pair
+      "level",
+      "ellipsis"
+    ];
   }
   attributeChangedCallback(name, oldVal, newVal) {
     switch (name) {

package/tooltip/index.js

@@ -111,14 +111,18 @@ class Tooltip extends NectaryElement {
   }
   static get observedAttributes() {
     return [
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set isOpened
       "is-opened",
       "text",
       "orientation",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set textAlign
       "text-align",
       "type",
       "aria-label",
       "aria-description",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: getter exists but missing set showOutsideViewport
       "show-outside-viewport",
+      // eslint-disable-next-line @nectary/observed-attribute-accessor -- baseline backlog: missing set allowScroll
       "allow-scroll"
     ];
   }