bcgov / bcgov/wps

ASA: Vertical scrollbar for ZoneSummaryPanel only, not map

Open
#2,617 0 comments 0 reactions 0 assignees View on GitHub
4Refinement Bug
Dominant language
Python
Stars
65
Forks
11
Avg merge
21h 25m
Merged PRs (30d)
70

Description

**Actual Behaviour**

Users have to scroll down the page, thus moving away from their view of the selected fire zone on the map in order to view the zone's stats in the ZoneSummaryPanel.

**Steps To Reproduce**

1. Navigate to ASA
2. Select a date of interest (that has data available)
3. Select a fire zone and wait for data to load
4. ZoneSummaryPanel will open and visualizations for combustible land, fuel types, and elevation data will render, but you must scroll down the page in order to see all the data visualizations. Doing so means that the map view is no longer centred on the selected fire zone.

**Screenshots**
![Screenshot 2023-02-08 at 12 45 03 PM](https://user-images.githubusercontent.com/54914403/217647082-f43c2571-7119-4ffb-82ec-d69747d3a8a5.png)

Scrolled down to bottom of page in order to see elevation stats, but this means can barely see my selected fire zone (top of map)

**Expected Behaviour**

We want a vertical scrollbar on the ZoneSummaryPanel only, not for the map/entire page. Scrolling down to see all the data viz for the fire zone shouldn't remove focus from the fire zone in the map view.

Contributor guide

Open the contributing guide

Research direction

Locate the ZoneSummaryPanel entry point in the frontend and inspect how its visualizations and page layout handle overflow. Verify the panel can scroll through all zone statistics while the map remains in view and the page itself does not become the scrolling container.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.