Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Tweak sticky header hiding to avoid pop #4974

Merged
merged 1 commit into from
Jul 14, 2020
Merged

Conversation

jryans
Copy link
Collaborator

@jryans jryans commented Jul 14, 2020

When transitioning between sublists, there can be a visibly observable jump in
the positioning of list items when the header container is restored to normal
size outside of sticky mode.

To avoid this problem, this leaves all headers at normal size. This creates a
new issue of a permanent gap at the top of the list for the first header, but
this can be solved by always hiding (since it can only ever appear stuck to
top).

The following shows the result (with sticky header updates artificially delayed to simulate slow performance):

room-list-header-pop

Fixes element-hq/element-web#14429
For element-hq/element-web#13635

When transitioning between sublists, there can be a visibly observable jump in
the positioning of list items when the header container is restored to normal
size outside of sticky mode.

To avoid this problem, this leaves all headers at normal size. This creates a
new issue of a permanent gap at the top of the list for the first header, but
this can be solved by always hiding (since it can only ever appear stuck to
top).

Fixes element-hq/element-web#14429
@jryans jryans requested a review from a team July 14, 2020 11:19
Copy link
Member

@t3chguy t3chguy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM other than conflict mentioned oob

@bwindels bwindels merged commit 309c178 into develop Jul 14, 2020
@bwindels
Copy link
Contributor

merging as discussed oob

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

there's a bad pop when sticky headers de-sticky on the new room list
3 participants