|
|
@@ -4,10 +4,10 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
4
|
4
|
|
|
5
|
5
|
import { Icon, IconMenu } from '../../../base/icons';
|
|
6
|
6
|
import { Tooltip } from '../../../base/tooltip';
|
|
|
7
|
+import { CHAR_LIMIT } from '../../constants';
|
|
7
|
8
|
import AbstractPollCreate from '../AbstractPollCreate';
|
|
8
|
9
|
import type { AbstractProps } from '../AbstractPollCreate';
|
|
9
|
10
|
|
|
10
|
|
-
|
|
11
|
11
|
const PollCreate = (props: AbstractProps) => {
|
|
12
|
12
|
|
|
13
|
13
|
|
|
|
@@ -158,6 +158,7 @@ const PollCreate = (props: AbstractProps) => {
|
|
158
|
158
|
<textarea
|
|
159
|
159
|
autoFocus = { true }
|
|
160
|
160
|
className = 'expandable-input'
|
|
|
161
|
+ maxLength = { CHAR_LIMIT }
|
|
161
|
162
|
onChange = { ev => setQuestion(ev.target.value) }
|
|
162
|
163
|
onInput = { autogrow }
|
|
163
|
164
|
onKeyDown = { onQuestionKeyDown }
|
|
|
@@ -178,6 +179,7 @@ const PollCreate = (props: AbstractProps) => {
|
|
178
|
179
|
<div className = 'poll-create-option-row'>
|
|
179
|
180
|
<textarea
|
|
180
|
181
|
className = 'expandable-input'
|
|
|
182
|
+ maxLength = { CHAR_LIMIT }
|
|
181
|
183
|
onChange = { ev => setAnswer(i, ev.target.value) }
|
|
182
|
184
|
onInput = { autogrow }
|
|
183
|
185
|
onKeyDown = { ev => onAnswerKeyDown(i, ev) }
|