feat: [GSW-1976] Disable default input behaviors (autocomplete, spell…

…check)
gnoswap-labs · Nov 28, 2024 · f36d3ea · f36d3ea
1 parent ca6d644
commit f36d3ea
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/packages/web/src/components/common/form-input/FormInput.tsx b/packages/web/src/components/common/form-input/FormInput.tsx
@@ -25,6 +25,8 @@ const FormInput: FC<Props> = React.forwardRef<HTMLInputElement, Props>((props, r
         ref={ref}
         onBlur={props?.onBlur}
         onWheel={event => (event.target as HTMLElement).blur()}
+        autoComplete={"off"}
+        spellCheck={"false"}
       />
       {errorText && <div className="error-text">{errorText}</div>}
     </FormInputWrapper>

diff --git a/packages/web/src/components/common/header/search-menu-modal/SearchMenuModal.tsx b/packages/web/src/components/common/header/search-menu-modal/SearchMenuModal.tsx
@@ -211,7 +211,13 @@ const SearchMenuModal: React.FC<SearchMenuModalProps> = ({
         <div ref={menuRef}>
           <SearchContainer>
             <SearchWrapper>
-              <InputStyle placeholder={placeholder} value={keyword} onChange={search} />
+              <InputStyle
+                placeholder={placeholder}
+                value={keyword}
+                onChange={search}
+                autoComplete={"off"}
+                spellCheck={"false"}
+              />
               <IconSearch className="search-icon" />
             </SearchWrapper>
           </SearchContainer>

diff --git a/packages/web/src/components/common/search-input/SearchInput.tsx b/packages/web/src/components/common/search-input/SearchInput.tsx
@@ -27,7 +27,13 @@ const SearchInput: React.FC<SearchInputProps> = ({
       height={height}
       className={cx(className, { "empty-status": value === "" })}
     >
-      <InputStyle placeholder={placeholder || t("common:search")} value={value} onChange={onChange} />
+      <InputStyle
+        placeholder={placeholder || t("common:search")}
+        value={value}
+        onChange={onChange}
+        autoComplete={"off"}
+        spellCheck={"false"}
+      />
       <div className="icon-wrapper">
         <IconSearch className="search-icon" />
       </div>