From cdf26234d56ebcf53136f6a483aba169f769763f Mon Sep 17 00:00:00 2001 From: Simon Larsen <104437376+simlarsen@users.noreply.github.com> Date: Fri, 13 Jun 2025 11:53:12 +0000 Subject: [PATCH] feat: add disableSpellCheck prop to various components to enhance user experience --- Accounts/src/Pages/ForgotPassword.tsx | 1 + Accounts/src/Pages/Login.tsx | 2 ++ Accounts/src/Pages/LoginWithSSO.tsx | 1 + Accounts/src/Pages/Register.tsx | 5 +++++ Accounts/src/Pages/ResetPassword.tsx | 2 ++ AdminDashboard/src/Pages/Settings/Email/Index.tsx | 6 ++++++ AdminDashboard/src/Pages/Users/Index.tsx | 2 ++ Dashboard/src/Components/CustomSMTP/CustomSMTPTable.tsx | 5 +++++ Dashboard/src/Components/Form/Monitor/MonitorStep.tsx | 1 + Dashboard/src/Components/NotificationMethods/Call.tsx | 1 + Dashboard/src/Components/NotificationMethods/Email.tsx | 1 + Dashboard/src/Components/NotificationMethods/SMS.tsx | 1 + Dashboard/src/Pages/Global/UserProfile/Index.tsx | 1 + Dashboard/src/Pages/Global/UserProfile/Password.tsx | 2 ++ Dashboard/src/Pages/Settings/Domains.tsx | 1 + Dashboard/src/Pages/Settings/MonitorSecrets.tsx | 1 + Dashboard/src/Pages/Settings/SSO.tsx | 2 ++ Dashboard/src/Pages/StatusPages/View/Domains.tsx | 3 +++ Dashboard/src/Pages/StatusPages/View/EmailSubscribers.tsx | 1 + Dashboard/src/Pages/StatusPages/View/FooterStyle.tsx | 1 + Dashboard/src/Pages/StatusPages/View/HeaderStyle.tsx | 1 + Dashboard/src/Pages/StatusPages/View/PrivateUser.tsx | 1 + Dashboard/src/Pages/StatusPages/View/SSO.tsx | 2 ++ Dashboard/src/Pages/StatusPages/View/SlackSubscribers.tsx | 1 + Dashboard/src/Pages/StatusPages/View/WebhookSubscribers.tsx | 1 + StatusPage/src/Pages/Accounts/ForgotPassword.tsx | 1 + StatusPage/src/Pages/Accounts/Login.tsx | 1 + StatusPage/src/Pages/Accounts/ResetPassword.tsx | 2 ++ StatusPage/src/Pages/Subscribe/EmailSubscribe.tsx | 2 ++ StatusPage/src/Pages/Subscribe/SmsSubscribe.tsx | 2 ++ 30 files changed, 54 insertions(+) diff --git a/Accounts/src/Pages/ForgotPassword.tsx b/Accounts/src/Pages/ForgotPassword.tsx index a22d299b47..185b91adae 100644 --- a/Accounts/src/Pages/ForgotPassword.tsx +++ b/Accounts/src/Pages/ForgotPassword.tsx @@ -56,6 +56,7 @@ const ForgotPassword: () => JSX.Element = () => { title: "Email", fieldType: FormFieldSchemaType.Email, required: true, + disableSpellCheck: true, }, ]} onSuccess={() => { diff --git a/Accounts/src/Pages/Login.tsx b/Accounts/src/Pages/Login.tsx index ae0c6d2f21..020d8fa859 100644 --- a/Accounts/src/Pages/Login.tsx +++ b/Accounts/src/Pages/Login.tsx @@ -122,6 +122,7 @@ const LoginPage: () => JSX.Element = () => { disabled: Boolean(initialValues && initialValues["email"]), title: "Email", dataTestId: "email", + disableSpellCheck: true, }, { field: { @@ -139,6 +140,7 @@ const LoginPage: () => JSX.Element = () => { openLinkInNewTab: false, }, dataTestId: "password", + disableSpellCheck: true, }, ]} createOrUpdateApiUrl={apiUrl} diff --git a/Accounts/src/Pages/LoginWithSSO.tsx b/Accounts/src/Pages/LoginWithSSO.tsx index 4220289d38..1350279bf3 100644 --- a/Accounts/src/Pages/LoginWithSSO.tsx +++ b/Accounts/src/Pages/LoginWithSSO.tsx @@ -196,6 +196,7 @@ const LoginPage: () => JSX.Element = () => { required: true, title: "Email", dataTestId: "email", + disableSpellCheck: true, }, ]} maxPrimaryButtonWidth={true} diff --git a/Accounts/src/Pages/Register.tsx b/Accounts/src/Pages/Register.tsx index 92a026be4f..0d0db8864b 100644 --- a/Accounts/src/Pages/Register.tsx +++ b/Accounts/src/Pages/Register.tsx @@ -104,6 +104,7 @@ const RegisterPage: () => JSX.Element = () => { disabled: Boolean(initialValues && initialValues["email"]), title: "Email", dataTestId: "email", + disableSpellCheck: true, }, { field: { @@ -114,6 +115,7 @@ const RegisterPage: () => JSX.Element = () => { required: true, title: "Full Name", dataTestId: "name", + disableSpellCheck: true, }, ]; @@ -128,6 +130,7 @@ const RegisterPage: () => JSX.Element = () => { required: true, title: "Company Name", dataTestId: "companyName", + disableSpellCheck: true, }, ]); @@ -159,6 +162,7 @@ const RegisterPage: () => JSX.Element = () => { title: "Password", required: true, dataTestId: "password", + disableSpellCheck: true, }, { field: { @@ -175,6 +179,7 @@ const RegisterPage: () => JSX.Element = () => { required: true, showEvenIfPermissionDoesNotExist: true, dataTestId: "confirmPassword", + disableSpellCheck: true, }, ]); diff --git a/Accounts/src/Pages/ResetPassword.tsx b/Accounts/src/Pages/ResetPassword.tsx index 3b80c764f0..388929512c 100644 --- a/Accounts/src/Pages/ResetPassword.tsx +++ b/Accounts/src/Pages/ResetPassword.tsx @@ -68,6 +68,7 @@ const RegisterPage: () => JSX.Element = () => { title: "New Password", required: true, showEvenIfPermissionDoesNotExist: true, + disableSpellCheck: true, }, { field: { @@ -83,6 +84,7 @@ const RegisterPage: () => JSX.Element = () => { overrideFieldKey: "confirmPassword", required: true, showEvenIfPermissionDoesNotExist: true, + disableSpellCheck: true, }, ]} createOrUpdateApiUrl={apiUrl} diff --git a/AdminDashboard/src/Pages/Settings/Email/Index.tsx b/AdminDashboard/src/Pages/Settings/Email/Index.tsx index 87cb2bc7da..ebcaa8a4a8 100644 --- a/AdminDashboard/src/Pages/Settings/Email/Index.tsx +++ b/AdminDashboard/src/Pages/Settings/Email/Index.tsx @@ -106,6 +106,7 @@ const Settings: FunctionComponent = (): ReactElement => { title: "Admin Notification Email", fieldType: FormFieldSchemaType.Email, required: false, + disableSpellCheck: true, }, ]} modelDetailProps={{ @@ -199,6 +200,7 @@ const Settings: FunctionComponent = (): ReactElement => { fieldType: FormFieldSchemaType.Hostname, required: true, placeholder: "smtp.server.com", + disableSpellCheck: true, }, { field: { @@ -229,6 +231,7 @@ const Settings: FunctionComponent = (): ReactElement => { fieldType: FormFieldSchemaType.Text, required: false, placeholder: "emailuser", + disableSpellCheck: true, }, { field: { @@ -239,6 +242,7 @@ const Settings: FunctionComponent = (): ReactElement => { fieldType: FormFieldSchemaType.EncryptedText, required: false, placeholder: "Password", + disableSpellCheck: true, }, { field: { @@ -251,6 +255,7 @@ const Settings: FunctionComponent = (): ReactElement => { description: "Email used to log in to this SMTP Server. This is also the email your customers will see. ", placeholder: "email@company.com", + disableSpellCheck: true, }, { field: { @@ -263,6 +268,7 @@ const Settings: FunctionComponent = (): ReactElement => { description: "This is the display name your team and customers see, when they receive emails from OneUptime.", placeholder: "Company, Inc.", + disableSpellCheck: true, }, ]} modelDetailProps={{ diff --git a/AdminDashboard/src/Pages/Users/Index.tsx b/AdminDashboard/src/Pages/Users/Index.tsx index 02b00f67ae..bc93dabb63 100644 --- a/AdminDashboard/src/Pages/Users/Index.tsx +++ b/AdminDashboard/src/Pages/Users/Index.tsx @@ -48,6 +48,7 @@ const Users: FunctionComponent = (): ReactElement => { fieldType: FormFieldSchemaType.Email, required: true, placeholder: "email@company.com", + disableSpellCheck: true, }, { field: { @@ -57,6 +58,7 @@ const Users: FunctionComponent = (): ReactElement => { fieldType: FormFieldSchemaType.Password, required: true, placeholder: "Password", + disableSpellCheck: true, }, { field: { diff --git a/Dashboard/src/Components/CustomSMTP/CustomSMTPTable.tsx b/Dashboard/src/Components/CustomSMTP/CustomSMTPTable.tsx index e98dfc4cea..d4dda5b0ec 100644 --- a/Dashboard/src/Components/CustomSMTP/CustomSMTPTable.tsx +++ b/Dashboard/src/Components/CustomSMTP/CustomSMTPTable.tsx @@ -129,6 +129,7 @@ const CustomSMTPTable: FunctionComponent = (): ReactElement => { fieldType: FormFieldSchemaType.Hostname, required: true, placeholder: "smtp.server.com", + disableSpellCheck: true, }, { field: { @@ -158,6 +159,7 @@ const CustomSMTPTable: FunctionComponent = (): ReactElement => { fieldType: FormFieldSchemaType.Text, required: false, placeholder: "emailuser", + disableSpellCheck: true, }, { field: { @@ -168,6 +170,7 @@ const CustomSMTPTable: FunctionComponent = (): ReactElement => { fieldType: FormFieldSchemaType.EncryptedText, required: false, placeholder: "Password", + disableSpellCheck: true, }, { field: { @@ -180,6 +183,7 @@ const CustomSMTPTable: FunctionComponent = (): ReactElement => { description: "Email used to log in to this SMTP Server. This is also the email your customers will see. ", placeholder: "email@company.com", + disableSpellCheck: true, }, { field: { @@ -192,6 +196,7 @@ const CustomSMTPTable: FunctionComponent = (): ReactElement => { description: "This is the display name your team and customers see, when they receive emails from OneUptime.", placeholder: "Company, Inc.", + disableSpellCheck: true, }, ]} showRefreshButton={true} diff --git a/Dashboard/src/Components/Form/Monitor/MonitorStep.tsx b/Dashboard/src/Components/Form/Monitor/MonitorStep.tsx index 305ddf03e1..3f0fb76514 100644 --- a/Dashboard/src/Components/Form/Monitor/MonitorStep.tsx +++ b/Dashboard/src/Components/Form/Monitor/MonitorStep.tsx @@ -323,6 +323,7 @@ return { /> { setTouched({ ...touched, diff --git a/Dashboard/src/Components/NotificationMethods/Call.tsx b/Dashboard/src/Components/NotificationMethods/Call.tsx index 772e71e172..7f3d6c876d 100644 --- a/Dashboard/src/Components/NotificationMethods/Call.tsx +++ b/Dashboard/src/Components/NotificationMethods/Call.tsx @@ -136,6 +136,7 @@ const Call: () => JSX.Element = (): ReactElement => { validation: { minLength: 2, }, + disableSpellCheck: true, }, ]} showRefreshButton={true} diff --git a/Dashboard/src/Components/NotificationMethods/Email.tsx b/Dashboard/src/Components/NotificationMethods/Email.tsx index 95b43ee50c..e970f08b79 100644 --- a/Dashboard/src/Components/NotificationMethods/Email.tsx +++ b/Dashboard/src/Components/NotificationMethods/Email.tsx @@ -135,6 +135,7 @@ const Email: () => JSX.Element = (): ReactElement => { validation: { minLength: 2, }, + disableSpellCheck: true, }, ]} showRefreshButton={true} diff --git a/Dashboard/src/Components/NotificationMethods/SMS.tsx b/Dashboard/src/Components/NotificationMethods/SMS.tsx index 6a6041f01c..0dd7b190fe 100644 --- a/Dashboard/src/Components/NotificationMethods/SMS.tsx +++ b/Dashboard/src/Components/NotificationMethods/SMS.tsx @@ -135,6 +135,7 @@ const SMS: () => JSX.Element = (): ReactElement => { validation: { minLength: 2, }, + disableSpellCheck: true, }, ]} showRefreshButton={true} diff --git a/Dashboard/src/Pages/Global/UserProfile/Index.tsx b/Dashboard/src/Pages/Global/UserProfile/Index.tsx index fcc5470a76..41b36467b6 100644 --- a/Dashboard/src/Pages/Global/UserProfile/Index.tsx +++ b/Dashboard/src/Pages/Global/UserProfile/Index.tsx @@ -54,6 +54,7 @@ const Home: FunctionComponent = (): ReactElement => { title: "Email", description: "You will have to verify your email again if you change it", + disableSpellCheck: true, }, { field: { diff --git a/Dashboard/src/Pages/Global/UserProfile/Password.tsx b/Dashboard/src/Pages/Global/UserProfile/Password.tsx index de6c4dd94f..0f211e4a6e 100644 --- a/Dashboard/src/Pages/Global/UserProfile/Password.tsx +++ b/Dashboard/src/Pages/Global/UserProfile/Password.tsx @@ -76,6 +76,7 @@ const Home: FunctionComponent = (): ReactElement => { title: "Password", required: true, showEvenIfPermissionDoesNotExist: true, + disableSpellCheck: true, }, { field: { @@ -90,6 +91,7 @@ const Home: FunctionComponent = (): ReactElement => { title: "Confirm Password", required: true, showEvenIfPermissionDoesNotExist: true, + disableSpellCheck: true, }, ]} formType={FormType.Update} diff --git a/Dashboard/src/Pages/Settings/Domains.tsx b/Dashboard/src/Pages/Settings/Domains.tsx index 5d203c2031..5a69d764ca 100644 --- a/Dashboard/src/Pages/Settings/Domains.tsx +++ b/Dashboard/src/Pages/Settings/Domains.tsx @@ -100,6 +100,7 @@ const Domains: FunctionComponent = (): ReactElement => { validation: { minLength: 2, }, + disableSpellCheck: true, }, ]} selectMoreFields={{ diff --git a/Dashboard/src/Pages/Settings/MonitorSecrets.tsx b/Dashboard/src/Pages/Settings/MonitorSecrets.tsx index 3cdbb62d28..397bc6b7c6 100644 --- a/Dashboard/src/Pages/Settings/MonitorSecrets.tsx +++ b/Dashboard/src/Pages/Settings/MonitorSecrets.tsx @@ -94,6 +94,7 @@ const MonitorSecrets: FunctionComponent< noNumbers: true, noSpecialCharacters: true, }, + disableSpellCheck: true, }, { field: { diff --git a/Dashboard/src/Pages/Settings/SSO.tsx b/Dashboard/src/Pages/Settings/SSO.tsx index 77feceab28..173e0ff0f1 100644 --- a/Dashboard/src/Pages/Settings/SSO.tsx +++ b/Dashboard/src/Pages/Settings/SSO.tsx @@ -122,6 +122,7 @@ const SSOPage: FunctionComponent = ( "Members will be forwarded here when signing in to your organization", placeholder: "https://yourapp.example.com/apps/appId", stepId: "sign-on", + disableSpellCheck: true, }, { field: { @@ -134,6 +135,7 @@ const SSOPage: FunctionComponent = ( required: true, placeholder: "https://example.com", stepId: "sign-on", + disableSpellCheck: true, }, { field: { diff --git a/Dashboard/src/Pages/StatusPages/View/Domains.tsx b/Dashboard/src/Pages/StatusPages/View/Domains.tsx index d1b86f9148..74ff1b6caa 100644 --- a/Dashboard/src/Pages/StatusPages/View/Domains.tsx +++ b/Dashboard/src/Pages/StatusPages/View/Domains.tsx @@ -170,6 +170,7 @@ const StatusPageDelete: FunctionComponent = ( minLength: 2, }, stepId: "basic", + disableSpellCheck: true, }, { field: { @@ -210,6 +211,7 @@ const StatusPageDelete: FunctionComponent = ( stepId: "more", placeholder: "-----BEGIN CERTIFICATE-----\n...\n-----END CERTIFICATE-----", + disableSpellCheck: true, showIf: (item: FormValues): boolean => { return Boolean(item.isCustomCertificate); }, @@ -224,6 +226,7 @@ const StatusPageDelete: FunctionComponent = ( placeholder: "-----BEGIN PRIVATE KEY-----\n...\n-----END PRIVATE KEY-----", stepId: "more", + disableSpellCheck: true, showIf: (item: FormValues): boolean => { return Boolean(item.isCustomCertificate); }, diff --git a/Dashboard/src/Pages/StatusPages/View/EmailSubscribers.tsx b/Dashboard/src/Pages/StatusPages/View/EmailSubscribers.tsx index a8bccf6103..5f8e84669e 100644 --- a/Dashboard/src/Pages/StatusPages/View/EmailSubscribers.tsx +++ b/Dashboard/src/Pages/StatusPages/View/EmailSubscribers.tsx @@ -128,6 +128,7 @@ const StatusPageDelete: FunctionComponent = ( fieldType: FormFieldSchemaType.Email, required: true, placeholder: "subscriber@company.com", + disableSpellCheck: true, }, { field: { diff --git a/Dashboard/src/Pages/StatusPages/View/FooterStyle.tsx b/Dashboard/src/Pages/StatusPages/View/FooterStyle.tsx index e9e08c0376..83a1cc594b 100644 --- a/Dashboard/src/Pages/StatusPages/View/FooterStyle.tsx +++ b/Dashboard/src/Pages/StatusPages/View/FooterStyle.tsx @@ -106,6 +106,7 @@ const StatusPageDelete: FunctionComponent = ( fieldType: FormFieldSchemaType.URL, required: true, placeholder: "https://link.com", + disableSpellCheck: true, }, ]} showRefreshButton={true} diff --git a/Dashboard/src/Pages/StatusPages/View/HeaderStyle.tsx b/Dashboard/src/Pages/StatusPages/View/HeaderStyle.tsx index ac5285f480..08000d55f5 100644 --- a/Dashboard/src/Pages/StatusPages/View/HeaderStyle.tsx +++ b/Dashboard/src/Pages/StatusPages/View/HeaderStyle.tsx @@ -129,6 +129,7 @@ const StatusPageDelete: FunctionComponent = ( fieldType: FormFieldSchemaType.URL, required: true, placeholder: "https://link.com", + disableSpellCheck: true, }, ]} showRefreshButton={true} diff --git a/Dashboard/src/Pages/StatusPages/View/PrivateUser.tsx b/Dashboard/src/Pages/StatusPages/View/PrivateUser.tsx index 96229aa227..66f9d391a4 100644 --- a/Dashboard/src/Pages/StatusPages/View/PrivateUser.tsx +++ b/Dashboard/src/Pages/StatusPages/View/PrivateUser.tsx @@ -51,6 +51,7 @@ const StatusPageDelete: FunctionComponent< fieldType: FormFieldSchemaType.Email, required: true, placeholder: "user@company.com", + disableSpellCheck: true, }, ]} showRefreshButton={true} diff --git a/Dashboard/src/Pages/StatusPages/View/SSO.tsx b/Dashboard/src/Pages/StatusPages/View/SSO.tsx index 37ccaa4dba..28a46f2cc6 100644 --- a/Dashboard/src/Pages/StatusPages/View/SSO.tsx +++ b/Dashboard/src/Pages/StatusPages/View/SSO.tsx @@ -136,6 +136,7 @@ const SSOPage: FunctionComponent = ( "Members will be forwarded here when signing in to your organization", placeholder: "https://yourapp.example.com/apps/appId", stepId: "sign-on", + disableSpellCheck: true, }, { field: { @@ -148,6 +149,7 @@ const SSOPage: FunctionComponent = ( required: true, placeholder: "https://example.com", stepId: "sign-on", + disableSpellCheck: true, }, { field: { diff --git a/Dashboard/src/Pages/StatusPages/View/SlackSubscribers.tsx b/Dashboard/src/Pages/StatusPages/View/SlackSubscribers.tsx index 8183553871..3e295feaef 100644 --- a/Dashboard/src/Pages/StatusPages/View/SlackSubscribers.tsx +++ b/Dashboard/src/Pages/StatusPages/View/SlackSubscribers.tsx @@ -139,6 +139,7 @@ const StatusPageSlackSubscribers: FunctionComponent = ( fieldType: FormFieldSchemaType.URL, required: true, placeholder: "https://hooks.slack.com/services/...", + disableSpellCheck: true, }, { field: { diff --git a/Dashboard/src/Pages/StatusPages/View/WebhookSubscribers.tsx b/Dashboard/src/Pages/StatusPages/View/WebhookSubscribers.tsx index 9ef223f04b..13ba49b408 100644 --- a/Dashboard/src/Pages/StatusPages/View/WebhookSubscribers.tsx +++ b/Dashboard/src/Pages/StatusPages/View/WebhookSubscribers.tsx @@ -58,6 +58,7 @@ const StatusPageDelete: FunctionComponent = ( fieldType: FormFieldSchemaType.URL, required: true, placeholder: "URL", + disableSpellCheck: true, }, ]} showRefreshButton={true} diff --git a/StatusPage/src/Pages/Accounts/ForgotPassword.tsx b/StatusPage/src/Pages/Accounts/ForgotPassword.tsx index f67262cc4a..c493109e23 100644 --- a/StatusPage/src/Pages/Accounts/ForgotPassword.tsx +++ b/StatusPage/src/Pages/Accounts/ForgotPassword.tsx @@ -119,6 +119,7 @@ const ForgotPassword: FunctionComponent = ( showEvenIfPermissionDoesNotExist: true, fieldType: FormFieldSchemaType.Email, required: true, + disableSpellCheck: true, }, ]} onSuccess={() => { diff --git a/StatusPage/src/Pages/Accounts/Login.tsx b/StatusPage/src/Pages/Accounts/Login.tsx index 83705ab5af..14b4cc8411 100644 --- a/StatusPage/src/Pages/Accounts/Login.tsx +++ b/StatusPage/src/Pages/Accounts/Login.tsx @@ -134,6 +134,7 @@ const LoginPage: FunctionComponent = ( title: "Email", fieldType: FormFieldSchemaType.Email, required: true, + disableSpellCheck: true, }, { field: { diff --git a/StatusPage/src/Pages/Accounts/ResetPassword.tsx b/StatusPage/src/Pages/Accounts/ResetPassword.tsx index 983d98b4f8..227fa42526 100644 --- a/StatusPage/src/Pages/Accounts/ResetPassword.tsx +++ b/StatusPage/src/Pages/Accounts/ResetPassword.tsx @@ -127,6 +127,7 @@ const ResetPassword: FunctionComponent = ( placeholder: "New Password", title: "New Password", required: true, + disableSpellCheck: true, }, { field: { @@ -142,6 +143,7 @@ const ResetPassword: FunctionComponent = ( title: "Confirm Password", overrideFieldKey: "confirmPassword", required: true, + disableSpellCheck: true, }, ]} createOrUpdateApiUrl={apiUrl} diff --git a/StatusPage/src/Pages/Subscribe/EmailSubscribe.tsx b/StatusPage/src/Pages/Subscribe/EmailSubscribe.tsx index ac5c89671b..450aba8685 100644 --- a/StatusPage/src/Pages/Subscribe/EmailSubscribe.tsx +++ b/StatusPage/src/Pages/Subscribe/EmailSubscribe.tsx @@ -92,6 +92,7 @@ const SubscribePage: FunctionComponent = ( fieldType: FormFieldSchemaType.Email, required: true, placeholder: "subscriber@company.com", + disableSpellCheck: true, }, ]; @@ -204,6 +205,7 @@ const SubscribePage: FunctionComponent = ( fieldType: FormFieldSchemaType.Email, required: true, placeholder: "email@yourcompany.com", + disableSpellCheck: true, }, ]} createOrUpdateApiUrl={URL.fromString( diff --git a/StatusPage/src/Pages/Subscribe/SmsSubscribe.tsx b/StatusPage/src/Pages/Subscribe/SmsSubscribe.tsx index d85c70d556..6d536a853c 100644 --- a/StatusPage/src/Pages/Subscribe/SmsSubscribe.tsx +++ b/StatusPage/src/Pages/Subscribe/SmsSubscribe.tsx @@ -92,6 +92,7 @@ const SubscribePage: FunctionComponent = ( fieldType: FormFieldSchemaType.Phone, required: true, placeholder: "+11234567890", + disableSpellCheck: true, }, ]; @@ -204,6 +205,7 @@ const SubscribePage: FunctionComponent = ( fieldType: FormFieldSchemaType.Phone, required: true, placeholder: "+11234567890", + disableSpellCheck: true, }, ]} createOrUpdateApiUrl={URL.fromString(