search

RedHat-UX / red-hat-design-system

Red Hat's Design System
https://ux.redhat.com
MIT License
95 stars 18 forks source link

[bug][docs]: Docs server not compiling component CSS #1807

Open adamjohnson opened 2 weeks ago

adamjohnson commented 2 weeks ago

Describe the bug

If you visit a demo of any component on localhost:8080 and change that component's CSS, those changes are not reflected in the localhost:8080 demo.

They are reflected in the dev server (localhost:8000).

Steps to reproduce

  1. In your terminal, do a clean install of staging/clefairy or any branch off of clefairy.
  2. Type npm run start
  3. Visit http://localhost:8000/elements/badge/demo/
  4. Note the badges are styled.
  5. Delete all the CSS inside elements/rh-badge/rh-badge.css.
  6. Refresh http://localhost:8000/elements/badge/demo/. Note the lack of styles.
  7. Now visit the docs server: http://localhost:8080/elements/badge/demo/
  8. Note that, on the docs server with no CSS to style a badge, the badge still appears styled

You can follow these same steps with any component—not just badge.

Expected behavior

The docs server should watch and compile CSS changes to components so that you can view their demos.

Operating System (OS)

iOS, macOS, Linux, Windows

Browser

Chrome, Safari, Safari iOS, Microsoft Edge, Firefox

bennypowers commented 1 day ago

https://github.com/user-attachments/assets/d5c1ab8b-a65d-428b-abb8-d1fd30aad7f2

adamjohnson commented 16 hours ago

Looks like you're on the dev server (8000), not the docs server (8080).

This issue still exists in my testing on staging/clefairy.

bennypowers commented 16 hours ago

Gotcha. Known issue. Huge headache. Maybe eleventy 3 will help (wishful thinking). Kicked to cubone, with apologies.