Сделать входное оформление ввода не сфокусированным в Material-UI v1 - PullRequest
Новая
       8

Сделать входное оформление ввода не сфокусированным в Material-UI v1

0 голосов
/ 21 мая 2018

В Material-UI v1 я стараюсь избегать того, что если пользователь нажимает клавишу Tab при вводе ввода с помощью InputAdornment, последний фокусируется.Вместо этого я пытаюсь добиться того, чтобы при нажатии клавиши tab выбирался последующий ввод.

Мне было предложено установить для свойства tabIndex значение -1, чтобы избежать его выбора с помощью табуляции, но это не так.кажется, работает. 

<Input
    value={this.state.email}
    endAdornment={
        this.state.email ? (
            <InputAdornment position="end">
                <IconButton style={{ width: "32px", height: "32px", tabIndex: "-1" }}>
                    <Icon>clear</Icon>
                </IconButton>
            </InputAdornment>
        ) : null
    }
/>

1 Ответ

0 голосов
/ 21 мая 2018

У вас tabIndex не в том месте.Это атрибут html, а не свойство css.Напишите это так:

<IconButton tabIndex="-1" style={{ width: "32px", height: "32px" }}>

...