covid19india-react icon indicating copy to clipboard operation
covid19india-react copied to clipboard

Menu Panel Scrollable

Open AtulKr9 opened this issue 4 years ago • 11 comments

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):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: OnePlus 7 Pro
  • OS: Android 10
  • Browser: Google
  • Version: 83.0.4103.96

AtulKr9 avatar Jun 04 '20 20:06 AtulKr9

/available

shuklaayush avatar Jul 03 '20 08:07 shuklaayush

This issue is available for contribution.

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

github-actions[bot] avatar Jul 03 '20 08:07 github-actions[bot]

/claim

AtulKr9 avatar Jul 03 '20 08:07 AtulKr9

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.

github-actions[bot] avatar Jul 03 '20 08:07 github-actions[bot]

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

khpatel8 avatar Jul 27 '20 21:07 khpatel8

/claim

khpatel8 avatar Jul 27 '20 21:07 khpatel8

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.

github-actions[bot] avatar Jul 27 '20 21:07 github-actions[bot]

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)

khpatel8 avatar Aug 03 '20 20:08 khpatel8

/claim

karthikshetty03 avatar Aug 10 '20 06:08 karthikshetty03

/claim

ketan-10 avatar Sep 04 '21 14:09 ketan-10

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

ketan-10 avatar Sep 04 '21 14:09 ketan-10