fix: password input field

src/assets/passwordInput.js

@@ -0,0 +1,17 @@
+// Copyright © 2023 Ory Corp
+// SPDX-License-Identifier: Apache-2.0
+
+document.getElementsByName("password").forEach((p) => {
+  if (
+    p.type === "password" &&
+    !!(p.offsetWidth || p.offsetHeight || p.getClientRects().length)
+  ) {
+    document.getElementsByName("password").forEach((y) => {
+      if (y.type === "text") {
+        y.remove()
+      }
+    })
+  } else if (p.type === "password") {
+    p.remove()
+  }
+})

src/react-components/input-field.tsx

@@ -1,5 +1,5 @@
 import cn from "classnames"
-import { JSX } from "react"
+import { JSX, useEffect } from "react"
 
 import {
   gridStyle,
@@ -38,6 +38,19 @@ export const InputField = ({
 }: InputFieldProps): JSX.Element => {
   const inputId = id ?? useIdWithFallback()
 
+  try {
+    useEffect(() => {
+      const input = document.getElementById(inputId + "-security")
+      if (input && window.getComputedStyle(input).display !== "none") {
+        document.getElementById(inputId)?.remove()
+      } else {
+        input?.remove()
+      }
+    }, [])
+  } catch (e) {
+    // ignore (this only affects non-react environments)
+  }
+
   return (
     <div
       data-testid={dataTestid}