dailydotdev
[Bug] profile page layout shift when switching tabs
Hi. I noticed an unusual behavior on the page while viewing my profile on the website. the active tab indicator jumps when I scroll down to the "Reputation" tab. i have attached a video to help explain it better. im not a native english speaker so sorry if i made some mistakes in my english :D
https://user-images.githubusercontent.com/84649871/233579569-848436cd-39fd-4673-aca7-075ccb68d7c3.mp4
Hi @ted-dino thanks a lot for logging this, it does look to be a UI issue. Will log it for the team to solve, thanks for raising it.
@ted-dino thanks for reporting. We've opened this for contributors, let me know if you are keen on fixing this, I'd be glad to help you out 🥳
no problem @sshanzel. Yes, I would love to help out and fix this issue.
That's great to hear! I will carve out a plan and just fix the environment for you to be able to do the development then I will send you a message 🥳
Hi, I was going through the code. The bug is in the third-party library called flip-toolkit/lib/types. Looks like we have to fix it there first.
After careful evaluation, we realized two things. One is we currently don't set the staleTime for the queries being used here. Second, one of the causes of the content shift is the unnecessary setting of state on /[userId]/index for the readingHistory data.
We are planning to fix the points above, though, at the end of the day, we will also apply a loading placeholder to avoid the content shift completely. Let me know if any of you is up for the challenge! 🚀
@ted-dino, in light of the new information, are you still planning to have a go at this one?
hey! absolutely! sorry for the late response, but i am definitely up for it.
Hi @ted-dino, I understand things can get pretty busy but I just wanted to check if you are still interested in working on this. If not it is totally cool but we will have to unassign it so we can free it up to those looking for things to fix.
Hi @sshanzel . I apologize for the delayed response. I appreciate your understanding. Due to a new job commitment, I find myself rather occupied at the moment. If possible, could you kindly reassign the task from me? Thank you for your consideration.
Hey @ted-dino, all cool. No worries at all. We understand everyone has their own set of priorities, and we were just checking up on the status updates.
Hey there @killshot13, if you are still interested in contributing to this issue, feel free to let me know, so I can assign this to you 🚀
We revamped our profile page recently and this design is no longer applicable. Closing this issue as resolved, feel free to log any other issues 🙏