From 80fd8bd5b00d9d4359a6f44239b0ec03ffc1c934 Mon Sep 17 00:00:00 2001
From: rr-bw <102181210+rr-bw@users.noreply.github.com>
Date: Fri, 13 Sep 2024 15:17:31 -0700
Subject: [PATCH] update captcha iframe on all clients

---
 .../src/angular/login/login.component.html    | 28 +++++++++++++------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/libs/auth/src/angular/login/login.component.html b/libs/auth/src/angular/login/login.component.html
index 731cc7c31f4..e5bad05f7e5 100644
--- a/libs/auth/src/angular/login/login.component.html
+++ b/libs/auth/src/angular/login/login.component.html
@@ -87,11 +87,13 @@
       {{ "getMasterPasswordHint" | i18n }}
     </a>
 
-    <!-- TODO-rr-bw: will we still be handling captcha? -->
     <!-- Captcha iframe -->
-    <div [hidden]="!showCaptcha()">
-      <iframe id="hcaptcha_iframe" height="80" sandbox="allow-scripts allow-same-origin"></iframe>
-    </div>
+    <iframe
+      [ngClass]="{ 'tw-hidden': !showCaptcha() }"
+      id="hcaptcha_iframe"
+      height="80"
+      sandbox="allow-scripts allow-same-origin"
+    ></iframe>
 
     <div class="tw-grid tw-gap-3">
       <!-- Submit button to Login with Master Password -->
@@ -188,11 +190,13 @@
       {{ "getMasterPasswordHint" | i18n }}
     </a>
 
-    <!-- TODO-rr-bw: will we still be handling captcha? -->
     <!-- Captcha iframe -->
-    <div [hidden]="!showCaptcha()">
-      <iframe id="hcaptcha_iframe" height="80" sandbox="allow-scripts allow-same-origin"></iframe>
-    </div>
+    <iframe
+      [ngClass]="{ 'tw-hidden': !showCaptcha() }"
+      id="hcaptcha_iframe"
+      height="80"
+      sandbox="allow-scripts allow-same-origin"
+    ></iframe>
 
     <div class="tw-grid tw-gap-3">
       <!-- Submit button to Login with Master Password -->
@@ -282,6 +286,14 @@
       {{ "getMasterPasswordHint" | i18n }}
     </a>
 
+    <!-- Captcha iframe -->
+    <iframe
+      [ngClass]="{ 'tw-hidden': !showCaptcha() }"
+      id="hcaptcha_iframe"
+      height="80"
+      sandbox="allow-scripts allow-same-origin"
+    ></iframe>
+
     <div class="tw-grid tw-gap-3">
       <!-- Submit button to Login with Master Password -->
       <button type="submit" bitButton bitFormButton block buttonType="primary">