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

[natashaelaine]

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

[wbamberg]

I find that the tool is more or less usable when the main content column of the side gets its full width. For me at least it only has the behavior you are reporting when the browser window is narrower. Do you see that as well?

I'm not saying it's OK, because the tool should be usable at other window widths.

See also https://github.com/mdn/yari/issues/5392. @Rumyra , we should decide whether to maintain these tools properly or just remove them (I think we should maintain them properly).

[natashaelaine]

No. I've tried the box shadow generator on both my desktop and mobile devices and the tool is overshadowed by the color picker - rendering the entire tool unusable.

Hopefully a decision will be made to officially maintain these tools!

----- natashaelaine -----

On Wed, Nov 2, 2022, 1:59 PM wbamberg @.***> wrote:

I find that the tool is more or less usable when the main content column of the side gets its full width. For me at least it only has the behavior you are reporting when the browser window is narrower. Do you see that as well?

I'm not saying it's OK, because the tool should be usable at other window widths.

See also mdn/yari#5392 https://github.com/mdn/yari/issues/5392. @Rumyra https://github.com/Rumyra , we should decide whether to maintain these tools properly or just remove them (I think we should maintain them properly).

— Reply to this email directly, view it on GitHub https://github.com/mdn/css-examples/issues/157, or unsubscribe https://github.com/notifications/unsubscribe-auth/AIVAEZUMHEOCUH7ESY2AAVTWGKTZDANCNFSM6AAAAAARUGQ42Y . You are receiving this because you authored the thread.Message ID: @.***>