vercel / vercel/next-learn

Postgress Browse and Query UI is hiding the first row.

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

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
4.8k
Forks
2.2k
PR merge metrics
No merged PRs in 30d

Description

I'm following NextJS learning tutorial and created postgress storage on my vercel account. I notice that the UI for showing the table rows is broken. The first row is generally hidden behind the title row. Sharing the corresponding screenshots.

The first row of the table is half hidden in the below image
Screenshot 2024-05-27 at 8 49 46 PM

The first row of the table with amount=500 is totally hidden in the below image
Screenshot 2024-05-27 at 8 53 29 PM

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

Reproduce the Postgres Browse and Query UI from the Next.js learning tutorial using a table with multiple rows, including the reported amount=500 row. Start by tracing the table layout that places the first row beneath the title row. Done means the first row is fully visible in the UI.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, postgresql, typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.