Firefox отображает не весь DOM, от чего это может быть?

Question

KiBiLizard @KiBiLizard

Firefox отображает не весь DOM, от чего это может быть?

Суть приложения кратенько:

есть ооочень большой файл с текстом который надо отобразить
для удобства файл разбит на 999 чанков
чанки подгружаются по необходимости
в браузере для отображения правильной высоты штатного скроллбара есть все 999 чанков
не загруженные - пустые div'ы с установленной стилем высотой равной среднему от высоты уже загруженных чанков

Все это дело прекрасно работает в Chrome и Opera, есть свои огрехи в ie и edge, но вот в mozilla firefox 66.0.3 работает очень странно - в окне отображается только чуть больше половины выстроенного DOM.

на картинке видно - последняя строка есть и выделена (отработало нажатие end), скроллбар в самом низу, однако строка за пределами скроллбара

здесь мы видим так же что скроллбар в самом низу, но за ним судя по DOM еще куча блоков с высотой более 20000px.

Здесь можно увидеть что никаких стилей у блоков родителей нет, нет ничего что могло бы спровоцировать урезание отображения. Однако вот высота контейнера очень странная, во всплывающем окошке блока от инспектора она правильная, а вот в вычисленном стиле - почти вдвое меньше, причем она из кода вообще нигде не меняется, контейнер используется только для вставки в него div'ов чанков.

То есть весь JS работает правильно, приложение прекрасно работает в отображенной части, даже кнопка end которая выделяет последнюю строку последнего чанка.. DOM тоже выстроен правильно и я даже не знаю какие куски кода сюда прикладывать, если нужно - вот ссылка на репо: https://github.com/kibilizard/TryLasyLoadInJS
Я ума не приложу отчего такое вообще может быть? может кто-нибудь сталкивался, или может хотя бы дать направление куда копать?

Вопрос задан более трёх лет назад
98 просмотров

Комментировать

Подписаться 1 Средний Комментировать

Решения вопроса 2

Комментировать

4 комментария

KiBiLizard @KiBiLizard Автор вопроса

ну как бы да, она там есть - эта кнопочка отвечает за то чтобы все 999 узлов DOM показать в инспекторе, а не за то чтобы они отобразились в окне браузера, и после ее нажатия я только вижу (не без боли и ужаса) что все елементы DOM на месте, где и должны быть, но вот в окне браузера скролл почему-то все так же заканчивается посередине документа

Написано более трёх лет назад

RAX7 @RAX7

KiBiLizard, в хроме высота контейнера 18731300px в лисе 11680100px. Попробовал сделать вот такую страничку

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .container {
      position: relative;
      /* height: 11680100px; */ /* работает в FF */
      height: 18731300px; /* не работает в FF */
    }
    .block {
      position: absolute;
      width: 100px;
      height: 100px;
      background-color: red;
      bottom: 0;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="block"></div>
  </div>
</body>
</html>

видимо вы уперлись в лимит по высоте страницы

Написано более трёх лет назад

KiBiLizard @KiBiLizard Автор вопроса

RAX7, то есть он все-таки существует?? а почему тогда о нем нигде ни слова??

Написано более трёх лет назад
RAX7 @RAX7

KiBiLizard, мне с ходу не удалось нагуглить какое ограничение у высоты страницы, но думаю какой-то предел есть.

Только две вещи бесконечны - Вселенная и человеческая глупость, хотя насчёт Вселенной я не уверен».
А.Эйнштейн.

18731300px при разрешении 72ppi - это примерно 6,5 километров ¯\_(ツ)_/¯

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

Простой
Как посчитать количество пересечений с помощью метода filter?
- 1 подписчик
- 2 часа назад
- 92 просмотра
3

ответа
JavaScript

Простой
Как реализовать логику назад вперед?
- 1 подписчик
- 5 часов назад
- 74 просмотра
0

ответов
JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- вчера
- 127 просмотров
1

ответ
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- вчера
- 50 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- вчера
- 185 просмотров
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- 23 нояб.
- 109 просмотров
1

ответ
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 23 нояб.
- 722 просмотра
1

ответ
PHP

+3 ещё

Простой
Firefox больше не отправляет в HTTP_ACCEPT image/webp?
- 3 подписчика
- 22 нояб.
- 639 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 22 нояб.
- 76 просмотров
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 22 нояб.
- 45 просмотров
1

ответ
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Редизайн и доработка интернет магазина на wordPress

25 нояб. 2024, в 23:42

50000 руб./за проект

Разработка мобильного приложения с дополненной реальностью (AR)

25 нояб. 2024, в 23:32

200000 руб./за проект

Правка вёрстки Wordpress

25 нояб. 2024, в 23:17

1000 руб./за проект

Answer 1 · 2019-04-13 16:05:57

Для справки все-таки напишу.
Лимиты браузеров по высоте обнаружила примерно такие:
Crome и Opera - 33 554 400 px
Firefox - примерно 17 660 130 px - это высота после которой отображение начинает лагать, до этого работает нормально
Edge и IE - примерно 5 000 037 px - объекты ниже этой точки просто не отображает, хотя они фактически есть в DOM
Может быть еще как-то зависит от версий, у меня проверялось в

Chrome 73.0.3683.103,
Opera 58.0.3135.127,
FF 66.0.3,
Edge 44.17763.1.0,
IE 11.437.17763.0

Answer 2 · 2019-04-11 19:14:24

RAX7 @RAX7

Проверь на другом компе. У меня в ФФ кнопочка "показать все 999 узлов" появляется.

spoiler

Ответ написан более трёх лет назад

4 комментария

Firefox отображает не весь DOM, от чего это может быть?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт