Skip to content

Fix GroupBox border for Firefox#117

Merged
chanagaray merged 1 commit intojdan:mainfrom
dwhinham:fix-42
Aug 10, 2021
Merged

Fix GroupBox border for Firefox#117
chanagaray merged 1 commit intojdan:mainfrom
dwhinham:fix-42

Conversation

@dwhinham
Copy link
Copy Markdown
Contributor

@dwhinham dwhinham commented Aug 6, 2021

Firefox's new WebRender engine seems to have a bug with fieldsets styled with inset box-shadows (https://bugzilla.mozilla.org/show_bug.cgi?id=1496538).

As a workaround, use a tiny .SVG as a sliced border-image to draw the border.

Fixes #42.

Tested on Firefox 90.0.2 and Chromium 92.0.4515.131.

2021-08-06-143958_1911x2118_scrot

@vercel
Copy link
Copy Markdown

vercel Bot commented Aug 6, 2021

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/jdan/98css/5N6HiK2AsiSsvBK9gABhUiyyXmY3
✅ Preview: https://98css-git-fork-dwhinham-fix-42-jdan.vercel.app

Firefox's new WebRender engine seems to have a bug with fieldsets styled
with inset box-shadows
(https://bugzilla.mozilla.org/show_bug.cgi?id=1496538).

As a workaround, use a tiny .SVG as a sliced border-image to draw the border.

Fixes jdan#42.
@chanagaray
Copy link
Copy Markdown
Collaborator

Awesome!

@chanagaray chanagaray merged commit 24a04ee into jdan:main Aug 10, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Firefox fails to render group box border

2 participants