codeforpdx / codeforpdx/PASS

[Bug Report] - Civic Profile: Housing Info

Open
#671 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
JavaScript
Stars
38
Forks
23
Avg merge
11m
Merged PRs (30d)
4

Description

Describe the bug:

Console warning of unstyled content in console log in 4 input fields and State input accepts any string.

Expected behavior:

Unsure if the console error is worth looking into.
I'd want the state input to be a dropdown of set values instead of typing my state.

Actual Behavior:
  1. When typing input for street, city, state & zip, a console error appears: Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content. (menu.html)

  2. State input: should be a set dropdown of states (name or abbreviation) instead of a basic text input to reduce errors. I can currently enter random strings and it is submitted without an error

Screenshots:
Screenshot 2024-08-22 at 3 08 01 PM
To Reproduce:

Steps to reproduce the behavior:

  1. Go to 'Civic Profile > Housing Information'
  2. Fill out the form
  3. Submit
  4. See error in console log
Desktop (please complete the following information):
  • OS: Mac
  • Browser Firefox
  • Version 129.0.1
Possible Fix:

Update form for State input to be a dropdown instead of a basic text input.

Contributor guide

No contributing guide indexed for this repository

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.

Research direction

Start at Civic Profile > Housing Information and reproduce the console warning while filling the street, city, state, and ZIP fields. Inspect the form entry point and determine whether the warning is actionable; the state field work is done when it uses a fixed set of state values and rejects arbitrary strings.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.