LaunchCodeLiftoffProjects / LaunchCodeLiftoffProjects/Collab-Blog

Validation for image upload disappears when fill the body input

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

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
8
Forks
20
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
When creating a new blog the validators for required fields appear at the bottom of the page. They should disappear when the required fields are filled out. However, when you fill in the body input the validator for the image upload disappears.

**To Reproduce**
Steps to reproduce the behavior:
1. Go to 'Add new blog'
2. Fill in header subheader author and body
3. Scroll down to just above the submit buttons
4. See that the validator for the image has been hidden or disappeared even though no image was uploaded

**Expected behavior**
Image validation should disappear after image was uploaded.

**Screenshots**
Screen Shot 2022-05-06 at 6 34 04 PM
Screen Shot 2022-05-06 at 6 34 12 PM

**Desktop (please complete the following information):**
- OS: [macOS]
- Browser [e.g. chrome,]
- Version [Version 101.0.4951.54 ]

**Additional context**
Add any other context about the problem here.
This was noticed when testing the pull request that fixed "blog not submitting when tag field empty". This was I think an issue before that bug fix tho because no code for image upload was touched from viewing the edits

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.

Research direction

Start at the “Add new blog” form and reproduce the issue by filling the header, subheader, author, and body without uploading an image. Trace the form validation behavior and verify that the image validator remains visible until an image is uploaded, including the existing required-field validation flow.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.