When dragging and dropping a large number of files, event.dataTransfer.items contains only 100

Question

When dragging and dropping a large number of files, event.dataTransfer.items contains only 100.

If I download >100 files, items = 100. How can I fix it? Need all files and is not directory.

const dropZone = document.getElementById('dropZone');
dropZone.addEventListener('drop', async (event) => {
  event.preventDefault();
  dropZone.classList.remove('dragover');

  const items = event.dataTransfer.items;
  console.log(items)
})

.drop-zone {
  border: 1px solid black;
}

<div id="dropZone" class="drop-zone">
  <p>Drag your image directory here</p>
</div>

This code running in streamlit:

                st.components.v1.html(
                    f"""
                    <iframe id="myiframe" src="{API}upload?cookie={cookie}"
                            height="260" style="width: 100%; border: none;"></iframe>
                    """,
                    height=200
                )

iframe - is our code.