Size: a a a

2020 March 27

SG

Stas G in Frontend UA
Alexey Shvayka
1) а если заюзать IntersectionObserver?
2) firefox может быть spec-correct и это какой-то эдж кейс inline formatting context. может слегка переверстать?
3) лучше увеличить погрешность для всех чем детектить UA, которые уже частично зафризили
насчет первого – у меня просто много таких элементов, не будет ли это оверхед?
насчет увеличения погрешности – здравая мысль)
источник

SG

Stas G in Frontend UA
но по поводу фриза – я так понимаю, что условное слово "Firefox" ведь из него не пропадет?
источник

AS

Alexey Shvayka in Frontend UA
элементов много -- это ок. а рутов много?
источник

SG

Stas G in Frontend UA
ну вот именно таких пар div > span много
источник

AS

Alexey Shvayka in Frontend UA
Stas G
но по поводу фриза – я так понимаю, что условное слово "Firefox" ведь из него не пропадет?
слово FF не пропадет, но в FF могут резко пофиксить баг и у тебя все сломается
источник

SG

Stas G in Frontend UA
тоже правда
источник

AS

Alexey Shvayka in Frontend UA
Stas G
ну вот именно таких пар div > span много
ну, можно поставить один IO на <body>, в нем вотчить интерсекшены с <div>ами и ставить/снимать IO уже на них
источник

AS

Alexey Shvayka in Frontend UA
еще можно сделать codepen, затриажить проблему, залить wpt тест и попинговать людей из FF
источник

SG

Stas G in Frontend UA
Alexey Shvayka
еще можно сделать codepen, затриажить проблему, залить wpt тест и попинговать людей из FF
когда дойдут руки, я тебя об этом вариант расспрошу поподробнее)
источник

SG

Stas G in Frontend UA
Alexey Shvayka
ну, можно поставить один IO на <body>, в нем вотчить интерсекшены с <div>ами и ставить/снимать IO уже на них
боюсь что это будет точно больше перформанса жрать, чем в нескольких местах все-таки сравнить дименшены
источник

AS

Alexey Shvayka in Frontend UA
Stas G
боюсь что это будет точно больше перформанса жрать, чем в нескольких местах все-таки сравнить дименшены
а если попробовать getBoundingClientRect вместо {scroll,client}Height?
источник

AS

Alexey Shvayka in Frontend UA
они, зачастую, по перформансу быстрее
источник

SG

Stas G in Frontend UA
ты имеешь ввиду сравнивать 2 элемента между собой?
источник

SG

Stas G in Frontend UA
там просто может быть более 1 чайлда в этом диве, но у него есть max-height
источник

SG

Stas G in Frontend UA
то есть они его распирают до поры до времени, потом начинается оверфлоу
источник

SG

Stas G in Frontend UA
но в фаерфоксе иногда моя проверка говорит, что оверфлоу есть, когда там на самом деле мало контента
источник

SG

Stas G in Frontend UA
скорее всего из-за того, что у дива дочерний элемент – инлайн
источник

AS

Alexey Shvayka in Frontend UA
Stas G
скорее всего из-за того, что у дива дочерний элемент – инлайн
а есть переверстать на флексы/гриды?
источник

AS

Alexey Shvayka in Frontend UA
Alexey Shvayka
а если попробовать getBoundingClientRect вместо {scroll,client}Height?
должно сработать anyway
источник

SG

Stas G in Frontend UA
Alexey Shvayka
а есть переверстать на флексы/гриды?
вот я там пытаюсь сохранить инлайн, тонкости дизайна))
источник