Fix Missing Hint Text on Android - Move the hint text inside the capt…

…ure div (#10339) * Move the hint text inside the capture div * changelog: Bug Fixes, Selfie, Show missing hint text for users on Android/Chrome
18F · Mar 29, 2024 · 92135c6 · 92135c6
1 parent 1a4d4b2
commit 92135c6
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.jsx b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.jsx
@@ -24,12 +24,13 @@ function AcuantSelfieCaptureCanvas({ imageCaptureText, onSelfieCaptureClosed })
   return (
     <>
       {!isReady && <LoadingSpinner />}
-      <div id={acuantCaptureContainerId} />
-      <p aria-live="assertive">
-        {imageCaptureText && (
-          <span className="document-capture-selfie-feedback">{imageCaptureText}</span>
-        )}
-      </p>
+      <div id={acuantCaptureContainerId}>
+        <p aria-live="assertive">
+          {imageCaptureText && (
+            <span className="document-capture-selfie-feedback">{imageCaptureText}</span>
+          )}
+        </p>
+      </div>
       <button type="button" onClick={onSelfieCaptureClosed} className="usa-sr-only">
         {t('doc_auth.buttons.close')}
       </button>