covid19india / covid19india-react

Tracking the impact of COVID-19 in India
https://www.covid19india.org
MIT License
6.86k stars 3.41k forks source link

Menu Panel Scrollable #2056

Open AtulKr9 opened 4 years ago

AtulKr9 commented 4 years ago

Describe the bug The Menu Panel in Android Phone is scrollable and should be fixed. To Reproduce

  1. Go to the Site on an android phone.
  2. Go to Menu
  3. Scroll down and observe the issue

Expected behavior The menu panel should be fixed

Screenshots Screenshot_20200605-015713 Screenshot_20200605-015700

Desktop (please complete the following information):

Smartphone (please complete the following information):

shuklaayush commented 4 years ago

/available

github-actions[bot] commented 4 years ago

This issue is available for contribution.

Please reply "/claim" (without quotes) if you wish to work on this issue.

AtulKr9 commented 4 years ago

/claim

github-actions[bot] commented 4 years ago

Thank you @AtulKr9 for claiming this issue! 🎉

Please reference this issue when you submit your Pull Request and make sure you follow the contributing guidelines.

khpatel8 commented 4 years ago

seems like the issue is on all mobile sizes in general not just android. would like to fix this.

khpatel8 commented 4 years ago

/claim

github-actions[bot] commented 4 years ago

Thank you @khpatel8 for claiming this issue! 🎉

Please reference this issue when you submit your Pull Request and make sure you follow the contributing guidelines.

khpatel8 commented 4 years ago

actually issue is only on android phones. I suggested opposite in my previous comments because I used chrome tools to adjust size and issues existed in all sizes because chrome only changes the screen sizes not the environment. It still runs on web for computers but with smaller sizes. I do not have access to android phones. Someone with an android phones might be able to fix it. I did some research on topic and this link would be helpful (link)

karthikshetty03 commented 4 years ago

/claim

ketan-10 commented 3 years ago

/claim

ketan-10 commented 3 years ago

Due to overflow-x: hidden set on html, overflow: hidden applied on body got rejected.
So moved the overflow-x: hidden to body from html ref

Before After
image