Блог

С обновлением Chrome 87 я начал получать сообщения об ошибках, отправляемые пользователями, потому что некоторые наборы полей в форме начали переполняться поверх содержимого под ним.

Вот скрипка, которая показывает проблему в ее наиболее сокращенной форме: http://jsfiddle.net/phanbu/69v1xa5m/21 /

Несмотря .box на то, что

 .box {
    // ...
    overflow-y: auto;
}
 

Содержимое переполняет контейнер вниз по странице. Самое смешное, что изменение .box с a <fieldset> на a <div> приводит к тому, что оно переполняется ожидаемым образом:
https://jsfiddle.net/phanbu/6Lc4wrma/5 /

Поскольку это происходит в Chromium, обновленная версия Edge ведет себя точно так же. Это ошибка Chromium, или в элементах есть что-то особенное <fieldset> , что я неправильно понимаю?

Обновить:

Основываясь на приведенных ниже комментариях, я решил установить абсолютную высоту для этих <fieldset> файлов. Это означает, что при наличии одного или двух флажков в элементе будет дополнительное пустое пространство.

На данный момент я мог бы преобразовать их в <div> буквы s. Но это означало бы больше изменений в большем количестве мест, и я хочу, чтобы его было так легко изменить, насколько это возможно.