mdn / mdn/css-examples

“Box-shadow generator” tool not loading properly, making the tools unusable

Open
#157 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Content:CSS help wanted
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?

Screen Shot 2022-11-01 at 12 04 07 PM

MDN metadata
Page report details

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.