Daisuke Ootaka

<p>1Passwordのブラウザ拡張は、ShadowDOMを用いたログイン画面に対応していない模様。</p>
<p>Shadow DOM / Polymer forms do not fill. (companion extension v4.7.4 now supports shadow DOMs) — 1Password Support Community<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__69ffcaaeb38dd" src="https://embed.zenn.studio/card#zenn-embedded__69ffcaaeb38dd" data-content="https%3A%2F%2F1password.community%2Fdiscussion%2F79137%2Fshadow-dom-polymer-forms-do-not-fill-companion-extension-v4-7-4-now-supports-shadow-doms" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://1password.community/discussion/79137/shadow-dom-polymer-forms-do-not-fill-companion-extension-v4-7-4-now-supports-shadow-doms" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://1password.community/discussion/79137/shadow-dom-polymer-forms-do-not-fill-companion-extension-v4-7-4-now-supports-shadow-doms</a></p>
<p>ShadowDOMを用いたログイン画面は例えば下記のようなもの。</p>
<p>PageDash<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__61ec8a5d8ec5d" src="https://embed.zenn.studio/card#zenn-embedded__61ec8a5d8ec5d" data-content="https%3A%2F%2Fapp.pagedash.com%2Flogin" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://app.pagedash.com/login" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://app.pagedash.com/login</a></p>
<p>Amplify Angular UIのログイン画面も同様にShadowDOMを利用しているので1Passwordのブラウザ拡張が利用できない。これを将来的に解決したいが、1Password側の対応を待つしかないかも。</p>
<p>Amplify UI Components - Amplify Docs<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__82004914261be" src="https://embed.zenn.studio/card#zenn-embedded__82004914261be" data-content="https%3A%2F%2Fdocs.amplify.aws%2Fui%2Fq%2Fframework%2Fangular" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.amplify.aws/ui/q/framework/angular" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.amplify.aws/ui/q/framework/angular</a></p>
