chingu-voyages / v48-tier1-team-04

Chingu Raptors present: Dinosauria | Voyage-48 | https://chingu.io/ | Twitter: https://twitter.com/ChinguCollabs
https://v48-tier1-team-04.netlify.app/
2 stars 1 forks source link

[Bug] The map zoom feature is interfering with scrolling #130

Closed mnichols08 closed 5 months ago

mnichols08 commented 5 months ago

Describe the problem As titled, the map zoom prevents the user from continuously scrolling down the page.

Actual behavior As the user scrolls down the page the map interferes with scrolling as the user then begins to zoom out or up with the map. Expected behavior A better user experience. Perhaps simply disable the zoom by touch or scroll and that would be sufficient.

To Reproduce Steps to reproduce the behavior:

  1. Go to 'https://v48-tier1-team-04-dev.netlify.app/'
  2. Scroll to ''map"
  3. Scroll down to 'All dinosaurs'
  4. See interference

Screenshots image

Your Environment:

Additional Information Anybody could fix this by seeing an example. Checkout this example at the official documentation page . Let's implement this within our body-map.component.js after the map variable is available and prevent this clunky user experience.