Skip to content

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

@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

      pFad - Phonifier reborn

      Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

      Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


      Alternative Proxies:

      Alternative Proxy

      pFad Proxy

      pFad v3 Proxy

      pFad v4 Proxy