add login username validation & prevent safari to capitalize

1 files changed, 15 insertions, 3 deletions

diff --git a/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx b/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx
index 1922eeed3..021da51ed 100644
--- a/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx
+++ b/packages/demobank-ui/src/pages/PaytoWireTransferForm.tsx
@@ -80,6 +80,9 @@ export function PaytoWireTransferForm({
           onSubmit={(e) => {
             e.preventDefault();
           }}
+          autoCapitalize="none"
+          autoCorrect="off"
+          autoComplete="off"
         >
           <p>
             <label for="iban">{i18n.str`Receiver IBAN:`}</label>&nbsp;
@@ -249,7 +252,16 @@ export function PaytoWireTransferForm({
   return (
     <div>
       <p>{i18n.str`Transfer money to account identified by payto:// URI:`}</p>
-      <div class="pure-form" name="payto-form">
+      <form
+        class="pure-form"
+        name="payto-form"
+        onSubmit={(e) => {
+          e.preventDefault();
+        }}
+        autoCapitalize="none"
+        autoCorrect="off"
+        autoComplete="off"
+      >
         <p>
           <label for="address">{i18n.str`payto URI:`}</label>&nbsp;
           <input
@@ -271,7 +283,7 @@ export function PaytoWireTransferForm({
             isDirty={rawPaytoInput !== undefined}
           />
           <br />
-          <div class="hint">
+          <div style={{ fontSize: "small", marginTop: 4 }}>
             Hint:
             <code>
               payto://iban/[receiver-iban]?message=[subject]&amount=[{currency}
@@ -322,7 +334,7 @@ export function PaytoWireTransferForm({
             {i18n.str`Use wire-transfer form?`}
           </a>
         </p>
-      </div>
+      </form>
     </div>
   );
 }