From f38a362c14c17dd212c7fddcfb5ea714c686a27a Mon Sep 17 00:00:00 2001 From: Krishan Patel Date: Thu, 5 Dec 2024 09:27:03 +0000 Subject: [PATCH 1/2] . --- CHANGELOG.md | 3 ++- src/molecules/multiLineInput/component.tsx | 2 ++ src/molecules/singleLineInput/component.tsx | 2 ++ 3 files changed, 6 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 80357155..55aba4b5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -14,7 +14,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) - [MINOR] Added `onFrameClicked` to `SingleLineInput` - [MINOR] Added `iconRight` and `iconLeft` to `InputFrame` - [MINOR] Added `isScrollableVertically` and `isScrollableHorizontally` and `shouldMatchAnchorWidth` and `shouldMatchAnchorHeight` to `Portal` -- [MAJOR] Changed GlobalCSS to not stop body scrolling on webkit +- [MAJOR] Changed `GlobalCSS` to not stop body scrolling on webkit +- [MAJOR] Added `shouldSpellCheck` to `SingleLineInput` and `MultiLineInput` ### Removed diff --git a/src/molecules/multiLineInput/component.tsx b/src/molecules/multiLineInput/component.tsx index db9653af..41fb786c 100644 --- a/src/molecules/multiLineInput/component.tsx +++ b/src/molecules/multiLineInput/component.tsx @@ -46,6 +46,7 @@ interface IMultiLineInputProps extends IMoleculeProps { label?: string; inputWrapperVariant?: string; shouldAutofocus?: boolean; + shouldSpellCheck?: boolean; onKeyUp?: (key: string) => void; onKeyDown?: (key: string) => void; onClick?: () => void; @@ -128,6 +129,7 @@ export function MultiLineInput({ aria-label={props.label || props.name || props.placeholderText} placeholder={props.placeholderText} autoFocus={props.shouldAutofocus} + spellCheck={props.shouldSpellCheck} /> ); diff --git a/src/molecules/singleLineInput/component.tsx b/src/molecules/singleLineInput/component.tsx index 16e57c97..40934941 100644 --- a/src/molecules/singleLineInput/component.tsx +++ b/src/molecules/singleLineInput/component.tsx @@ -74,6 +74,7 @@ export interface ISingleLineInputProps extends IMoleculeProps void; onKeyDown?: (key: string) => void; onClicked?: () => void; @@ -148,6 +149,7 @@ export const SingleLineInput = React.forwardRef(({ placeholder={props.placeholderText} autoFocus={props.shouldAutofocus} onWheelCapture={onWheelCapture} + spellCheck={props.shouldSpellCheck} ref={ref} /> From adebe237a1f8fd4db2a3a4346d219602b140e9ae Mon Sep 17 00:00:00 2001 From: Krishan Patel Date: Thu, 5 Dec 2024 09:27:13 +0000 Subject: [PATCH 2/2] . --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 55aba4b5..7d276246 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -15,7 +15,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) - [MINOR] Added `iconRight` and `iconLeft` to `InputFrame` - [MINOR] Added `isScrollableVertically` and `isScrollableHorizontally` and `shouldMatchAnchorWidth` and `shouldMatchAnchorHeight` to `Portal` - [MAJOR] Changed `GlobalCSS` to not stop body scrolling on webkit -- [MAJOR] Added `shouldSpellCheck` to `SingleLineInput` and `MultiLineInput` +- [MINOR] Added `shouldSpellCheck` to `SingleLineInput` and `MultiLineInput` ### Removed