Skip to content

Public site: Get Started buttons html is getting clobbered by main JS #6350

Closed
@JoshuaKGoldberg

Description

@JoshuaKGoldberg

Suggestion

Continuing #6081: on typescript-eslint.io right now, the Get Started buttons are the wrong size:

Local Production
Screenshot of large font size and padding Getting Started button Screenshot of small font size and padding Getting Started button

Specifically, the server-rendered HTML has the right HTML+CSS, but once the main JS chunk loads in, the button becomes small again. I believe it's from React hydrating with old component JS data.

I poked at things locally (thanks very much again to @AgentEnder for the help!):

  • It happens on local dev, not just Netlify deploys
  • It happens even if we Clear Cache and Deploy Site on Netlify
  • It happens even if we upgrade Nx and Lerna
  • It goes away locally if you rm -rf packages/website/build

...so I believe the conclusion is that there's something wrong with how build/ outputs are not getting cleaned between Docusaurus rebuilds.

@Josh-Cena - do you have any insights here?

Metadata

Metadata

Assignees

No one assigned

    Labels

    accepting prsGo ahead, send a pull request that resolves this issuerepo maintenancethings to do with maintenance of the repo, and not with code/docs

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions