Skip to content

Fix Address Search in Desktop Menu #1486

@edwinjue

Description

@edwinjue

Overview

The Address Search in the Desktop Menu is not working correctly.
image

Currently, an end user is allowed to perform any of the following actions at any time:

  1. Select a neighborhood district directly on the Map
  2. Select a neighborhood district from the Boundaries area
  3. Search by Address in the Address Search input field

In order to fix the Address Search feature, each of the above end user actions need to be taken into account and each action should generate the expected behavior as defined in Action Items below

Action Items

  • 1. Clicking a neighborhood district on map should:

    • Debounce
    • Clear out address search field
    • Populate boundaries field
    • Zoom into neighborhood district
  • 2. Selecting a neighborhood district from the Boundaries area should:

    • Clear out address search field
    • Populate boundaries field
    • Collapse Boundaries area if expanded
    • Zoom into neighborhood district
  • 3. Address Search input event handler should:

    • Debounce
    • Clear out/reset boundaries field
    • Collapse Boundaries area if expanded
    • Check if address is valid (within los angeles jurisdiction)
      • If not,
        • Display error toast
        • Clear the search field
      • If it is,
        • Clear Boundary
        • Collapse Boundary area if it is expanded
        • Zoom into the area on map
  • If we are zoomed in because of a search input event handler,

    • Listen, detect and handle all zoom-out related events

Resources/Instructions

Refer to Algorithm

Metadata

Metadata

Assignees

Labels

BugSomething isn't workingComplexity: MissingThis ticket needs a complexity (good first issue, small, medium, or large)Milestone: Missingwithout the associated milestone for which it is related attachedRole: FrontendReact front end workp-feature: Mapassociated with the MAP page for public viewing/interactionsize: 8ptCan be done in 31-48 hours

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions