Проблемы с прокруткой и вложенностью при отображении нескольких отчетов с листовкой на одной HTML-странице

Я создаю комбинированный отчет в Django, просматривая несколько записей базы данных и отображая один и тот же HTML-шаблон несколько раз, каждый с разными данными. Шаблон включает в себя карты-листовки и некоторые встроенные скрипты.

Проблема в том, что когда я объединяю отчеты на одной странице, макет меняется — кажется, что отчеты либо вложены друг в друга, либо перекрываются. Я также вижу несколько полос прокрутки (одна внутри другой), чего не должно быть. Это происходит только тогда, когда я отрабатываю несколько отчетов одновременно.

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

Мы были бы признательны за любую помощь или указания.

Could you maybe add a screenshot of how it looks when it's broken? That would help a lot. Also:

  • how does your HTML look for one report?

  • are the map containers using the same id, like id="map" for all of them?

  • and how are you initializing the Leaflet maps in JS?

It might be that the maps are clashing because of duplicate IDs or styles.

Вернуться на верх