From da20a036a348c6396dcc9b1bb2243f0b0ec3bc35 Mon Sep 17 00:00:00 2001
From: Julien Tant <785518+JulienTant@users.noreply.github.com>
Date: Tue, 24 Oct 2023 13:25:18 -0700
Subject: [PATCH] [MM-54515] Fix textarea not working in interactive dialog
 (#24586)

---
 .../dialog_element/dialog_element.test.tsx             | 10 ++++++++++
 .../dialog_element/dialog_element.tsx                  |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.test.tsx b/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.test.tsx
index ed5c32434c..b8438eeba8 100644
--- a/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.test.tsx
+++ b/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.test.tsx
@@ -22,6 +22,16 @@ describe('components/interactive_dialog/DialogElement', () => {
         onChange: jest.fn(),
     };
 
+    it('type textarea', () => {
+        const wrapper = shallow(
+            <DialogElement
+                {...baseDialogProps}
+                type='textarea'
+            />,
+        );
+        expect(wrapper.find(TextSetting).dive().find('textarea').exists()).toBe(true);
+    });
+
     it('subtype blank', () => {
         const wrapper = shallow(
             <DialogElement
diff --git a/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.tsx b/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.tsx
index 2edf5b0141..613cd41c9a 100644
--- a/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.tsx
+++ b/webapp/channels/src/components/interactive_dialog/dialog_element/dialog_element.tsx
@@ -174,7 +174,7 @@ export default class DialogElement extends React.PureComponent<Props, State> {
                 <TextSetting
                     autoFocus={this.props.autoFocus}
                     id={name}
-                    type={subtype as InputTypes || 'text'}
+                    type={(type === 'textarea' ? 'textarea' : subtype) as InputTypes || 'text'}
                     label={displayNameContent}
                     maxLength={textSettingMaxLength}
                     value={assertedValue}