diff --git a/app/soapbox/features/compose/components/compose-form.tsx b/app/soapbox/features/compose/components/compose-form.tsx index c0b64f1d1..f9eb98204 100644 --- a/app/soapbox/features/compose/components/compose-form.tsx +++ b/app/soapbox/features/compose/components/compose-form.tsx @@ -316,6 +316,7 @@ const ComposeForm = ({ id, shouldCondense, autoFocus, clickab onSuggestionsFetchRequested={onSuggestionsFetchRequested} onSuggestionsClearRequested={onSuggestionsClearRequested} onSuggestionSelected={onSpoilerSuggestionSelected} + ref={spoilerTextRef} /> } diff --git a/app/soapbox/features/compose/components/spoiler-input.tsx b/app/soapbox/features/compose/components/spoiler-input.tsx index 129b972c8..e6f53d04c 100644 --- a/app/soapbox/features/compose/components/spoiler-input.tsx +++ b/app/soapbox/features/compose/components/spoiler-input.tsx @@ -18,12 +18,12 @@ interface ISpoilerInput extends Pick = ({ +const SpoilerInput = React.forwardRef(({ composeId, onSuggestionsFetchRequested, onSuggestionsClearRequested, onSuggestionSelected, -}) => { +}, ref) => { const intl = useIntl(); const dispatch = useAppDispatch(); const compose = useCompose(composeId); @@ -63,6 +63,7 @@ const SpoilerInput: React.FC = ({ searchTokens={[':']} id='cw-spoiler-input' className='rounded-md dark:!bg-transparent !bg-transparent' + ref={ref} autoFocus /> @@ -74,6 +75,6 @@ const SpoilerInput: React.FC = ({ ); -}; +}); export default SpoilerInput; \ No newline at end of file