Repository navigation
“Box-shadow generator” tool not loading properly, making the tools unusable #157
Description
Activity
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).
Reacted by EMERICK GIBERNE- 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 <#157>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AIVAEZUMHEOCUH7ESY2AAVTWGKTZDANCNFSM6AAAAAARUGQ42Y> . You are receiving this because you authored the thread.Message ID: ***@***.***>
- changed the title
[-]The generator is not loading properly. Box Shadow Generator App rendered unusable.[/-][+]“Box-shadow generator” tool not loading properly, making the tools unusable[/+]on Nov 7, 2022 - added a commit that references this issue
on Nov 14, 2023 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. @Rumyra , we should decide whether to maintain these tools properly or just remove them (I think we should maintain them properly).
Hi,
I’m seeing the same behavior.
On both desktop and mobile, the color picker overlaps a large portion of the UI, making the generator unusable when the window is narrow.
Full‑width (desktop view)
Narrow width (mobile view)
I’m sharing this in case it helps with diagnosing the issue. Happy to provide more screenshots or details if needed.
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
en-us/web/css/css_backgrounds_and_borders/box-shadow_generator