1418411 - Scroll events take a while to fire, causing lag in UI

Status: RESOLVED INVALID

(Core :: DOM: UI Events & Focus Handling, defect, P3)

Description

[simonds.jordan]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

Steps to reproduce:

go to https://codepen.io/jexordexan/pen/QqvopM

scroll up down, left and right.


Actual results:

The headers and first columns that are supposed to remain fixed upon scroll events, are lagging behind.


Expected results:

The headers and columns should freeze without lagging behind the scrolling content. This can be seen in Chrome

Comment 1

[Olli Pettay [:smaug][[e-mail]]]

This sounds like apz issue, but I could be wrong.

Comment 2

[Kartikaya Gupta (email:[e-mail])]

Yeah this is basically expected behaviour with APZ. Upon scrolling there is a warning in the console that explains that the page is using a scroll-linked effect which is not going to behave as expected because of async scrolling. In this case it looks like the page author should be using position:sticky CSS instead which would accomplish the same effect without the lag.

Comment 3

[Hsin-Yi Tsai (she/her) [:hsinyi]]

Hi Reporter, you may want to try using position:sticky CSS.

According to comment 2, this bug can be closed as invalid as the reported behavior is expected with APZ?

Comment 4

[Hsin-Yi Tsai (she/her) [:hsinyi]]

Close per comment 2 and 3.