Skip to content

πŸ› Bug: Dark mode navbar shows stray black underline on hover after page loadΒ #2179

@waygeance

Description

@waygeance

Describe the bug

  • In dark mode on https://json-schema.org/ the navbar items (e.g., Specification, Docs, Tools, Blog, Community) show unwanted black underline lines when hovered.

  • This issue does not appear immediately on page load. It starts appearing after ~2–3 seconds once the website finishes loading styles/resources and we hower it few times.

  • The underline looks like a rendering/glitch artifact rather than intended styling.

Screencast:

2026-01-29.13-49-20.mp4

Steps To Reproduce

  1. Go to https://json-schema.org/
  2. Enable dark mode (moon icon in navbar)
  3. Wait 2–3 seconds after the page fully loads
  4. Hover over navbar items like Specification, Blog, Community multipe times.
  5. Observe thin black lines appearing under the text

Expected Behavior

Hovering over navbar items in dark mode should show the intended highlight/underline effect without any black glitch lines.

Screenshots

Attached Above.

Device Information [optional]

- OS:Ubuntu (latest)
- Browser: Brave
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: TriageThis is the initial status for an issue that requires triage.needs-infoπŸ› BugIndicates that the issue is a bug or defect.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions