Как сделать label на z меньше?

Question

[Jedi]

<div className="floating">
                                        <label className={this.state.name.fieldActive ? "floating-label field-active" : "floating-label"}>Введите ваше имя</label>
                                        <input type="text"
                                               className="form-control floating-label-input"
                                               id="name"
                                               value={this.state.name.inputValue}
                                               onFocus={this.activateField}
                                               onBlur={this.disableFocus}
                                               onChange={this.updateInputValue}
                                        />
                                    </div>

При наведении на label который над inputом, не получается кликнуть для ввода. Я написал z-index, технически я решил проблему, но label почти не виден после этого. Как можно решить проблемку?

Answer 1

[Александр Аксентьев]

https://material-components.github.io/material-com...

Comments

[Jedi]

CSS: Just add a line looks like this: pointer-events: none; That is all ;)