Map Initially Loads as Static Image When Clicking "Add Zone" on Zone Page

Open
#728 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
42/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
javascript
Domain
frontend, web-dev

Research direction

Start at the admin panel's Zone page and follow the Add Zone flow in Chrome, then inspect how the map is initialized when its modal or page opens. Reproduce the first-load behavior and trace the map setup or render trigger; done means zoom, drag, and draw tools work immediately without a browser refresh.

Written by the indexing model from the issue text.

Description

Describe the bug
When clicking the "Add Zone" button on the Zone page in the admin panel, the map initially appears as a static image without any interactive functionality (e.g., zoom, drag, or draw tools). Only after refreshing the browser does the full interactive map with its features load properly.

To Reproduce
Steps to reproduce the behavior:

Log in to the admin panel

Navigate to the Zone page

Click on the "Add Zone" button

Observe that the map loads as a non-functional image

Refresh the browser

The map then reloads with full functionality

Expected behavior
The map should load in its fully interactive state immediately when the "Add Zone" modal/page is opened—without requiring a browser refresh.

Screenshots

Desktop (please complete the following information):

OS: Windows 11

Browser: Chrome

Version: [e.g., 123.0.6312.86]

Additional context
This issue can disrupt the workflow for users trying to define delivery or service zones and may be due to lazy-loading issues, uninitialized map scripts, or missing render triggers on modal/page open.

Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from raymondjames090/food-ordering-system-java-eclipse

All issues in raymondjames090/food-ordering-system-java-eclipse

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.