значки dropzone отображаются за пределами dropzone

Question

Когда я загружаю несколько файлов, используя dropzone , значки отображаются за пределами поля.На этой картинке форма dropzone желтого цвета на рисунке ниже, но когда я выбираю много файлов, они переполняют ее и показывают за пределами формы.CSS моей дропзоны

#my-dropzone{
    width:100%;
    height:300px;
    background:var(--lightYellow);
    border:1pt solid #555;
    border-radius:3px;
}

Я предполагаю, что это проблема CSS, но я не могу понять это.Я пытался добавить

overflow-y:auto;

, чтобы попытаться добавить свиток, но это ничего не делает

Answer 1

Мне пришлось изменить свой CSS на

#my-dropzone{
    width:100%;
    min-height:300px;
    height:auto;
    background:var(--lightYellow);
    border:1pt solid #555;
    border-radius:3px;
}

Я установил статическую высоту 300px, которая не позволяла ему изменять размер.