代码之家  ›  专栏  ›  技术社区  ›  Samuele Dassatti

使输入的inputadorment在Material UI v1中不可聚焦

  •  1
  • Samuele Dassatti  · 技术社区  · 6 年前

    在MaterialUI v1中,我试图避免这样的情况:如果用户在输入时按tab键,则后者会成为焦点。相反,我试图实现的是通过按Tab键选择后续输入。

    我建议将tabindex属性设置为-1,以避免它被tabing选中,但它似乎不起作用。

    <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 回复  |  直到 6 年前
        1
  •  4
  •   Ted    6 年前

    你有 tabIndex 在错误的地方。它是一个HTML属性,而不是一个CSS属性。这样写:

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