Почему платформа Bulma CSS меняет z-индекс при наведении курсора мыши? ⇐ CSS

[Anonymous]

Я изучаю проблемы с производительностью рендеринга на своем веб-сайте и обнаружил, что часто перерисовываю, просто перемещая указатель мыши.
Пример: HTML-поле под полем ввода и кнопкой перерисовывается каждый раз, когда я перемещаю указатель мыши (только при наведении) между полем ввода и кнопкой на этой странице (из официальной документации Bulma)< /p>


Я использую CSS-фреймворк Bulma с дополнительными элементами для некоторых элементов. Более глубокий анализ показал, что у таких кнопок и полей ввода изменяется z-индекс при наведении. Соответствующий код scss в Bulma следующий:
Из Tools.scss:

Код: Выделить всё

  .#{iv.$class-prefix}button,
.#{iv.$class-prefix}input,
.#{iv.$class-prefix}select select {
&:not([disabled]) {
&:hover,
&.#{iv.$class-prefix}is-hovered {
z-index: 2;
}

&:focus,
&.#{iv.$class-prefix}is-focused,
&:active,
&.#{iv.$class-prefix}is-active {
z-index: 3;

&:hover {
z-index: 4;
}
}
}
}

Какова логика такого изменения z-индекса при наведении курсора?
Это вызывает массу перерисовок мой довольно сложный сайт. Есть ли у других CSS-фреймворков аналогичная функция? У меня возникает соблазн удалить/нейтрализовать эти изменения z-индекса.

Подробнее здесь: https://stackoverflow.com/questions/791 ... x-on-hover