Demo · G1

Shadow DOM web component wrapping the TOTP input

Inspired by
Web Components / Stencil-based design systems (used in some banking and enterprise portals) that wrap form inputs inside an open shadow root.
Pattern
A custom element <heimlane-otp-input> with mode: "open" shadow root containing a strict-baseline TOTP input. The real <input> is not in the light DOM.
Expected
DomQueryService's deep shadow traversal finds the input. Detection, qualifier, and fill all work as for A1.
Purpose
Regression bar for shadow-DOM traversal. If this page stops filling, something broke in DomQueryService.query() or the CollectAutofillContentService shadow walk.

Two-factor authentication

Enter the code from your authenticator app

← Back to demo index