Password managers
Ensure password managers detect authentication fields by disabling shadow DOM in your application.
Overview
Styling encapsulation relies on the “shadow DOM” browser feature. Password managers such as Dashlane, LastPass, or OnePassword do not detect authentication forms fields inside shadow DOMs. Therefore, if you would like to make sure that your end users can use their password managers, you have to disable shadow DOM.
import SuperTokens from "supertokens-auth-react";
SuperTokens.init({
appInfo: {
apiDomain: "...",
appName: "...",
websiteDomain: "...",
},
useShadowDom: false,
recipeList: [
/* ... */
],
});// this goes in the auth route config of your frontend app (once the pre-built UI script has been loaded)
supertokensUIInit({
appInfo: {
apiDomain: "...",
appName: "...",
websiteDomain: "...",
},
useShadowDom: false,
recipeList: [
/* ... */
],
});