@ionic/core 8.5.7-dev.11747949628.1b740070 → 8.5.7-dev.11748379940.12698faf

package/components/input-shims.js

@@ -370,6 +370,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
  * focus an input but not have scroll assist run again.
  */
 const setManualFocus = (el) => {
+    var _a;
     /**
      * If element is already focused then
      * a new focusin event will not be dispatched
@@ -378,6 +379,28 @@ const setManualFocus = (el) => {
     if (document.activeElement === el) {
         return;
     }
+    /**
+     * Optimization for scenarios where the currently focused element is a sibling
+     * of the target element. In such cases, we avoid setting `SKIP_SCROLL_ASSIST`.
+     *
+     * This is crucial for accessibility: input elements can now contain focusable
+     * siblings (e.g., clear buttons, slotted elements). If we didn't skip setting
+     * the attribute here, screen readers would be unable to navigate to and interact
+     * with these sibling elements.
+     *
+     * Without this check, we would need to call `ev.stopPropagation()` on the
+     * 'focusin' event of each focusable sibling to prevent the scroll assist
+     * listener from incorrectly moving focus back to the input. That approach
+     * would be less maintainable and more error-prone.
+     */
+    const inputId = el.getAttribute('id');
+    const label = el.closest(`label[for="${inputId}"]`);
+    const activeElLabel = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(`label[for="${inputId}"]`);
+    if (label !== null && label === activeElLabel) {
+        // If the label is the same as the active element label, then
+        // we don't need to set the `SKIP_SCROLL_ASSIST` and reset focus.
+        return;
+    }
     el.setAttribute(SKIP_SCROLL_ASSIST, 'true');
     el.focus();
 };

package/components/ion-input-otp.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface IonInputOtp extends Components.IonInputOtp, HTMLElement {}
+export const IonInputOtp: {
+    prototype: IonInputOtp;
+    new (): IonInputOtp;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;