diff --git a/CHANGELOG.md b/CHANGELOG.md index 80357155..7d276246 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 +- [MINOR] 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} />