Skip to content

fix(pages): prevent writeOnly keyword links from sticking to bottom of viewport#2364

Open
student-ankitpandit wants to merge 1 commit intojson-schema-org:mainfrom
student-ankitpandit:fix/writeOnly-links-fixed-positioning
Open

fix(pages): prevent writeOnly keyword links from sticking to bottom of viewport#2364
student-ankitpandit wants to merge 1 commit intojson-schema-org:mainfrom
student-ankitpandit:fix/writeOnly-links-fixed-positioning

Conversation

@student-ankitpandit
Copy link
Copy Markdown

What kind of change does this PR introduce?

Bugfix (fix writeOnly keyword to not to stick at the bottom of the page and flow naturally within the page content)

Issue Number:
Closes #2361

Screenshots/videos:

image

Summary

The links under the writeOnly keyword section on the JSON Schema. Keywords reference page were visually pinned/fixed to the bottom of the viewport, overlapping the "GO BACK" / "UP NEXT" navigation buttons.

Fixed by adding mb-4 (margin-bottom) to the keyword section wrapper div in [index.page.tsx], ensuring consistent spacing for all keyword sections, including the last one in the list.

The writeOnly section is the last item in the list. Without mb-4, there was no bottom margin, causing the links to appear squished right up against the GO BACK/UP NEXT buttons — making it look like they were "pinned" to the bottom.

Adding mb-4 gave it proper spacing below, so it now looks consistent with other sections.

The links now flow naturally within the page content, consistent with other keyword sections like unevaluatedItems and uniqueItems.

Does this PR introduce a breaking change?

No

Checklist

Please ensure the following tasks are completed before submitting this pull request.

@github-actions
Copy link
Copy Markdown

github-actions bot commented Mar 24, 2026

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name Status Preview Last Commit
website ✅ Ready (View Log) Visit Preview e109b5f

@codecov
Copy link
Copy Markdown

codecov bot commented Mar 24, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (5ca1483) to head (e109b5f).

Additional details and impacted files
@@            Coverage Diff            @@
##              main     #2364   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           30        30           
  Lines          672       672           
  Branches       211       211           
=========================================
  Hits           672       672           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Ready to review

Development

Successfully merging this pull request may close these issues.

🐛 Bug: writeOnly keyword links are pinned/fixed to the bottom of the page**

1 participant