Bug Report: Scroll and Width Issues in Overview

[mariokreitz]

Bug Report: Scroll and Width Issues in Overview

Description: There are two main issues with the overview page:

1. Scroll Bug: Users can scroll the page when the overview is open, which should not be possible.
2. Width Issue: The overview does not extend to 100% width of the container, leaving a small gap on the right side.

Steps to Reproduce:

1. Scroll Bug:

   • Open the Pokedex-v2 app.
   • Navigate to the overview page of any Pokémon.
   • Try scrolling the page when the overview is open.

2. Width Issue:

   • Open the Pokedex-v2 app.
   • Navigate to the overview page of any Pokémon.
   • Observe that the overview does not fill the entire width of the container, leaving a small gap on the right.

Expected Behavior:

1. Scroll Bug:

   • The Mainpage should not be scrollable when the Overview is open. It should be fixed in place to prevent scrolling.

2. Width Issue:

   • The overview should extend to 100% of the container width with no gaps on the right side.

Actual Behavior:

1. Scroll Bug:

   • The user is able to scroll the overview page even when it should be fixed.

2. Width Issue:

   • There is a small gap on the right side of the overview, and it does not extend to the full width of the container.

Tested On:

• Scroll Bug:

  • iOS Safari
  • iOS Chrome

• Width Issue:

  • iOS Safari
  • iOS Chrome
  • Chrome
  • Edge
  • Firefox

Possible Cause:

• The scroll issue may be related to CSS properties or overflow settings.
• The width issue may be caused by margin, padding, or box-sizing CSS properties not being set correctly.

[mariokreitz]

Follow-Up: Issues Resolved

Description: The following issues have been resolved:

1. Scroll Bug: The overview page no longer allows scrolling when it should be fixed in place.
2. Width Issue: The overview now extends to 100% of the container width with no gaps on the right side.

Commit Reference:

• Commit ea8c4c9 addresses both issues.

Testing Details:

• Verified that scrolling is disabled when the overview is open.
• Confirmed that the overview extends to the full width of the container on all tested browsers (iOS Safari, iOS Chrome, Chrome, Edge, Firefox).

Additional Notes:

• If any further issues arise or additional adjustments are needed, please let me know!