You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When navigating to a post from a reply, we make a request to fetch the post data for that reply.
This takes time, and the page hangs for a bit with no feedback. For good networks, the change is instantaneous. For less ideal networks, the delay is noticeable. To reproduce, we can simulate 4G and 3G in dev tools.
However, we already know the reply data - its content, author, and engagement counts. What we don't have are the post above this post and its replies.
Figure out a way to display the already known post data, and then show loading spinners in place of the replies, while we are fetching the data. Twitter / X already does this.
UI-wise, we have no problem with layout shift with the posts above the main post because we position the post to be scrolled precisely to the top, below the header. In reality, the page will not jump - except when the images above has no known dimensions - but will just display a scrollbar that was not there before.
The text was updated successfully, but these errors were encountered:
When navigating to a post from a reply, we make a request to fetch the post data for that reply.
This takes time, and the page hangs for a bit with no feedback. For good networks, the change is instantaneous. For less ideal networks, the delay is noticeable. To reproduce, we can simulate 4G and 3G in dev tools.
However, we already know the reply data - its content, author, and engagement counts. What we don't have are the post above this post and its replies.
Figure out a way to display the already known post data, and then show loading spinners in place of the replies, while we are fetching the data. Twitter / X already does this.
UI-wise, we have no problem with layout shift with the posts above the main post because we position the post to be scrolled precisely to the top, below the header. In reality, the page will not jump - except when the images above has no known dimensions - but will just display a scrollbar that was not there before.
The text was updated successfully, but these errors were encountered: