“Box-shadow generator” tool not loading properly, making the tools unusable
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 647
- Forks
- 830
- PR merge metrics
- No merged PRs in 30d
Description
MDN URL
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Backgrounds_and_Borders/Box-shadow_generator
What specific section or headline is this issue about?
The generator is not loading properly. Box Shadow Generator App rendered unusable.
What information was incorrect, unhelpful, or incomplete?
The color selector covers 50% of the setting options and the CSS code detail - so the generator app is not usable.
I thought it might be browser specific. I originally loaded the page in Firefox. I next tried loading the page in Safari and the same thing happened.
What did you expect to see?
I expected to see an app that could better help me understand box shadows in CSS.
Do you have any supporting links, references, or citations?
Screenshot attached in next section
Do you have anything more you want to share?

MDN metadata
Page report details
- Folder:
en-us/web/css/css_backgrounds_and_borders/box-shadow_generator - MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Backgrounds_and_Borders/Box-shadow_generator
- GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/css_backgrounds_and_borders/box-shadow_generator/index.md
- Last commit: https://github.com/mdn/content/commit/71c4bc0b6329ec40ddbefd8d3124547e91cfa612
- Document last modified: 2022-09-28T03:40:57.000Z
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Box-shadow Generator linked from the MDN URL and reproduce the layout issue using the attached screenshot in Firefox or Safari. Inspect the generator's settings and CSS code display, then verify that the color selector no longer covers either area and the tool is usable.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100