Skip to main content
Nov 13, 2026 10:33 AM UTC
Question

Autofill does not work on cosmosdirekt.de customer login (fields inside shadow DOM)

Site: https://www.cosmosdirekt.de/meincosmosdirekt/login/ (CosmosDirekt, German insurer - "Mein CosmosDirekt" customer portal, Angular/Ionic app)

 

Problem: 1Password does not offer or fill credentials on the login form. A saved Login item for https://www.cosmosdirekt.de exists, but the extension reports no matching fields / no match. Users have to type email and password manually.

 

Technical details (observed in Chrome, November 2026):

- The visible email and password fields are rendered inside an open shadow root hosted by the custom element <mcd-root>: input#emailInput0 (type="text", class "mcd-input") and input#password0 (type="password").

- The light DOM only contains hidden placeholder inputs (#input1, #input2, type="text"), which are not the fields the user interacts with.

- The app loads the form asynchronously; the page is empty for about 3-4 seconds after load.

- After login the site requires a second factor (two-step login).

 

Expected: 1Password detects the email/password fields inside the shadow root and fills them.

 

Steps to reproduce:

1. Save a Login item for https://www.cosmosdirekt.de

2. Open https://www.cosmosdirekt.de/meincosmosdirekt/login/ and wait until the form appears

3. Click into the email field - no 1Password suggestion; Autofill from the extension does nothing

 

Environment: macOS 27.2.1, Google Chrome 157.0.8103.51, 1Password for Mac 8.12.44, 1Password browser extension (current version).