Page MenuHomePhabricator

CX2: Avoid jumpiness when header becomes sticky
Closed, ResolvedPublic


Currently the transition between sticky/non-sticky when scrolling is a bit jumpy for the header as illustrated in this animation.

Normally this is caused by the fact that the part that becomes sticky gets removed from the rest of the page making it move up. One way to compensate that is to add some extra margin/padding to the underlying page as the header becomes sticky. If such margin is closer to the same size as the header that becomes sticky, the jump would be avoided.

This ticket is a follow-up of the work done in T186874: Adjust the styling of the title and personal headers in the translation editor

Event Timeline

Change 415195 had a related patch set uploaded (by Petar.petkovic; owner: Petar.petkovic):
[mediawiki/extensions/ContentTranslation@master] Improve sticky behavior accuracy

There was already a patch for dealing with jumpiness. I have connected this ticket now. We agreed that should be merged as is, and improved later by me, not to block other patches. That way we got imperfect stickiness.

Thanks for creating the ticket.

Change 415195 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Improve sticky behavior accuracy

Moved to Done column by accident. Returning to QA now.

Etonkovidova subscribed.

Checked the fix in cx2-testing.