prezly / theme-nextjs-bea

News site built with NextJS, Typescript and Prezly SDK
https://theme-nextjs-bea-the-good-newsroom.vercel.app
MIT License
43 stars 11 forks source link

Layout shifts to the right when categories nav button is clicked #1139

Open sumairq opened 2 months ago

sumairq commented 2 months ago

Description

When the categories nav button is clicked, the layout shifts to the right. As content that exceeds the viewport gets hidden and the layout undergoes unintended shifts. This occurs because the scroll bar, which is removed due to the overflow: hidden; setting, causes the layout to shift to the right, resulting in a displacement of content.

Steps to Reproduce

  1. Click the categories navigation button.
  2. Observe the layout shift as the vertical scroll bar is removed, leading to a displacement of content to the right.

layout-shift

Expected Behavior

The layout should remain stable when the categories button is clicked, without any shifts caused by the absence of the scroll bar.

Actual Behavior:

The layout shifts to the right when the categories dropdown is clicked due to the removal of the scroll bar, causing content displacement and potentially affecting user experience and visual consistency.

Environment

Operating System: [Ubuntu 22.04.3 LTS] Browser: [Chrome]

sumairq commented 2 months ago

Hello @MohammadxAli and @kudlajz,

I'm eager to work on this issue. Could you please assign it to me?

MohammadxAli commented 2 months ago

Hi @sumairq 👋

Thanks for reporting this issue 👍

Sure, feel free to open a PR.

sumair765 commented 1 month ago

Copying the same message here from the closed PR.

Hi @MohammadxAli, @kudlajz , @e1himself

Let me clarify the complete picture about what happened.

First of all, my account never got compromised before. It's the only time. Call it a lapse of judgement on my part. Secondly, I have reinstalled my operating system to ensure nothing malicious remains within my system.

The problem happened when a mysterious "recruiter" tried to reach out to me through linkedIn . They appeared to be legit. They shared a figma design with me and had a website.

That fake recruiter wanted me to clone their repo as a pretext for preparing me for the supposed "interview". As soon as I cloned the repository and installed the packages to run the project in my local environment. I recieved automated emails from Github that some activity is happening in my github account. Someone changed the email from "sumairqaisar992@gmail.com" my email to "smithdylan0919@gmail.com". All of sudden I lost access to my account. I thought it promt to convey the message wherever I was collaborating through my newly created account (totally uncompromised and safe).

Luckily, the person who stole my account changed the username so I was able to create a fresh account with my old username.

I did some research, and found out that apparently the hacker did session hijacking on my account by getting me to open malicious file/script that he then used to dump my session and move it to their browser.

Anyway, I have learned the hard lesson about keeping my accounts secure.

image

It is my humble request to you to not punish me for something I was a victim of.

I have made sure that nothing malicious remains within my system or browser by reinstalling my ubuntu operating system and have resolved to not clone or run any project locally unless I am 100% certain of the company's legitimacy.

I want to reemphasize that my devices or accounts are not at risk of distributing any harmful software whatsoever.

Therefore, I humbly request you to kindly reconsider your decision and give me a chance to contribute.

Here is my LinkedIn

https://www.linkedin.com/in/sumairq/

If you have any questions about this, please feel free to ask.

Regards, Sumair Qaisar

sumairq commented 1 month ago

Hi @MohammadxAli @e1himself @kudlajz

Great News !

I can confirm that thanks to Github Support :raised_hands: , I have been able to regain access to my original account. I was able to restore my original name and username to that account as well. Secured it with 2 Factor authentication, changed the password.

I want to continue contributing to Prezly. I hope you will allow me a chance to contribute . Your positive response in this regard will mean alot to me.

Thank you again for bearing with me during this period.

Regards, Sumair Qaisar

MohammadxAli commented 1 month ago

Hey @sumair765 :)

Glad that you sorted it out! 🎉

Feel free to continue the PR #1141, I've re-opened it. Please just make sure to make further changes using your recovered account.