Material-UI - Невозможно щелкнуть в многострочном TextField внутри диалогового окна Draggable

Question

У меня есть перетаскиваемый диалог с парой текстовых полей, которые пользователь может заполнить и отправить. Однако, когда я установил параметр многострочного текста в TextField, я больше не могу щелкнуть поле и ввести текст. Я могу печатать только внутри поля, если вкладываю в него вкладку. Текстовые поля, которые не являются многострочными, работают так, как я хочу. Как мне сделать так, чтобы я мог щелкнуть и ввести в многострочное TextField ???

Здесь есть пара фрагментов кода ... Это из диалогового окна Draggable:

function PaperComponent(props) {
    return (
        <Draggable cancel="input">
            <Paper {...props} />
        </Draggable>
    );
}

const GenericDialog = props => {
return (
    <Dialog
        disableBackdropClick
        disableEscapeKeyDown
        disableRestoreFocus
        fullWidth={true}
        maxWidth={props.maxWidth}
        open={props.open}
        onClose={props.onClose}
        PaperComponent={PaperComponent}
    >
        <DialogTitle>{props.dialogTitle}</DialogTitle>
        {props.children}
            <DialogActions>
                <Button onClick={props.onSubmit} color="primary">
                    Submit
                </Button>
                <Button onClick={props.onClose} color="secondary" autoFocus>
                    Cancel
                </Button>
            </DialogActions>
        )}
    </Dialog>

Вот как определяется текстовое поле, в котором я не могу щелкнуть / ввести текст:

<TextField
    style={{ margin: 0, width: '350px' }}
    label="Task Description"
    helperText="(1024 character maximum)"
    inputProps={{ maxLength: 1024 }}
    multiline
    rows="4"
    onChange={this.handleChange('taskDescription')}
    value={this.state.task.taskDescription}
    variant="outlined"
/>

Answer 1

Мое замешательство состояло в том, что я думал, что TextField является вводом. Но с многострочным пропом это текстовая область. Чтобы решить эту проблему, я изменил свойство Draggable cancel на: cancel = "input, textarea"