Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(theme): fix firefox CSS :has() support bug #9530

Merged
merged 1 commit into from
Nov 10, 2023

Conversation

slorber
Copy link
Collaborator

@slorber slorber commented Nov 10, 2023

Motivation

Bug introduced in #9385 by using CSS :has()

Prod build minifies/merge CSS rules, but lack of :has support in Firefox (coming soon in v121) prevents other CSS rules from being applied, leading to various bugs.

Using @supports prevent this from happening (see also https://www.bram.us/2023/01/04/css-has-feature-detection-with-supportsselector-you-want-has-not-has/#:~:text=To%20feature%20detect%20browser%20support,used%20in%20a%20feature%20query%20.)

CleanShot 2023-11-10 at 17 30 46

More details in #9493

Fix #9493

Fix #9527

Fix #9525

Test Plan

Preview

Test links

https://deploy-preview-9530--docusaurus-2.netlify.app/

@slorber slorber added pr: bug fix This PR fixes a bug in a past release. to backport This PR is planned to be backported to a stable version of Docusaurus labels Nov 10, 2023
@facebook-github-bot facebook-github-bot added the CLA Signed Signed Facebook CLA label Nov 10, 2023
Copy link

netlify bot commented Nov 10, 2023

[V2]

Name Link
🔨 Latest commit 2da1606
🔍 Latest deploy log https://app.netlify.com/sites/docusaurus-2/deploys/654e5b14382bad00070fbc80
😎 Deploy Preview https://deploy-preview-9530--docusaurus-2.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

⚡️ Lighthouse report for the deploy preview of this PR

URL Performance Accessibility Best Practices SEO PWA Report
/ 🟠 70 🟢 98 🟢 100 🟢 100 🟠 89 Report
/docs/installation 🟠 56 🟢 98 🟢 100 🟢 100 🟠 89 Report
/docs/category/getting-started 🟠 72 🟢 100 🟢 100 🟢 90 🟠 89 Report
/blog 🟠 64 🟢 100 🟢 100 🟢 90 🟠 89 Report
/blog/preparing-your-site-for-docusaurus-v3 🟠 58 🟢 97 🟢 100 🟢 100 🟠 89 Report
/blog/tags/release 🟢 90 🟢 100 🟢 100 🟠 80 🟠 89 Report
/blog/tags 🟠 70 🟢 100 🟢 100 🟢 90 🟠 89 Report

@slorber slorber merged commit 328e5f7 into main Nov 10, 2023
30 of 31 checks passed
@slorber slorber deleted the slorber/fix-firefox-has-bug branch November 10, 2023 16:46
Copy link

Size Change: +42 B (0%)

Total Size: 922 kB

Filename Size Change
website/build/assets/css/styles.********.css 112 kB +42 B (0%)
ℹ️ View Unchanged
Filename Size
website/.docusaurus/globalData.json 58.9 kB
website/build/assets/js/main.********.js 713 kB
website/build/index.html 37.6 kB

compressed-size-action

slorber added a commit that referenced this pull request Nov 30, 2023
Co-authored-by: Joshua Chen <[email protected]>
Co-authored-by: Joey Clover <[email protected]>
Co-authored-by: reece-white <[email protected]>
Co-authored-by: Shreesh Nautiyal <[email protected]>
Co-authored-by: Nick Gerleman <[email protected]>
Co-authored-by: Chongyi Zheng <[email protected]>
Co-authored-by: MCR Studio <[email protected]>
fix(create-docusaurus): fix readme docusaurus 2 ref (#9487)
fix(theme): fix firefox CSS :has() support bug (#9530)
fix(theme): docs html sidebar items should always be visible (#9531)
fix: v3 admonitions should support v2 title syntax for nested admonitions (#9535)
fix(theme-classic): fixed wrong cursor on dropdown menu in navbar, when window is small (#9398)
fix(theme): upgrade prism-react-renderer, fix html script and style tag highlighting (#9567)
fix: add v2 retrocompatible support for quoted admonitions (#9570)
@slorber slorber added backported This PR has been backported to a stable version of Docusaurus and removed to backport This PR is planned to be backported to a stable version of Docusaurus labels Nov 30, 2023
Copy link

argos-ci bot commented Nov 30, 2023

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build Status Details Updated (UTC)
default (Inspect) 🧿 Changes detected (Review) 1 change Nov 30, 2023, 6:57 PM

slorber added a commit that referenced this pull request Jan 26, 2024
Co-authored-by: Joshua Chen <[email protected]>
Co-authored-by: Joey Clover <[email protected]>
Co-authored-by: reece-white <[email protected]>
Co-authored-by: Shreesh Nautiyal <[email protected]>
Co-authored-by: Nick Gerleman <[email protected]>
Co-authored-by: Chongyi Zheng <[email protected]>
Co-authored-by: MCR Studio <[email protected]>
Co-authored-by: sebastienlorber <[email protected]>
Co-authored-by: Sébastien Lorber <[email protected]>
Co-authored-by: Ivan Mar (sOkam!) <[email protected]>
Co-authored-by: c0h1b4 <[email protected]>
Co-authored-by: Janessa Garrow <[email protected]>
Co-authored-by: ozaki <[email protected]>
Co-authored-by: axmmisaka <[email protected]>
Co-authored-by: Tatsunori Uchino <[email protected]>
Co-authored-by: Simen Bekkhus <[email protected]>
Co-authored-by: Sanjaiyan Parthipan <[email protected]>
Co-authored-by: Jack Robson <[email protected]>
Co-authored-by: dawei-wang <[email protected]>
Co-authored-by: eitsupi <[email protected]>
fix(create-docusaurus): fix readme docusaurus 2 ref (#9487)
fix(theme): fix firefox CSS :has() support bug (#9530)
fix(theme): docs html sidebar items should always be visible (#9531)
fix: v3 admonitions should support v2 title syntax for nested admonitions (#9535)
fix(theme-classic): fixed wrong cursor on dropdown menu in navbar, when window is small (#9398)
fix(theme): upgrade prism-react-renderer, fix html script and style tag highlighting (#9567)
fix: add v2 retrocompatible support for quoted admonitions (#9570)
fix(i18n): complete translations for theme-common.json Brazilian Portuguese (pt-BR) (#9477)
fix(content-blog): add baseUrl for author.image_url (#9581)
fix(type-aliases): add `title` prop for imported inline SVG React components (#9612)
fix(utils): Markdown link replacement with <> but no spaces (#9617)
fix(live-codeblock): stabilize react-live transformCode callback, fix editor/preview desync (#9631)
fix(cli): output help when no conventional config + no subcommand (#9648)
fix CI job (#9604)
fix Lint Autofix workflow (#9632)
fix(pwa-plugin): upgrade workbox (#9668)
fix(create-docusaurus): fix init template code blocks, and little improvements (#9696)
fix(theme): allow empty code blocks and live playgrounds (#9704)
fix(core): various broken anchor link fixes (#9732)
fix: remove old useless mdx typedefs (#9733)
fix(theme-common): fix missing code block MagicComments style in Visual Basic (.NET) 16 (#9727)
fix(core): conditionally include `hostname` parameter when using… (#9407)
fix(create-docusaurus): fix typo in init template sample docs (#9783)
fix(mdx-loader): allow spaces before `mdx-code-block` info string (#9776)
fix(core): links with target "_blank" should no be checked by the broken link checker (#9788)
fix(core): broken links optimization behaves differently than non-optimized logic (#9791)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backported This PR has been backported to a stable version of Docusaurus CLA Signed Signed Facebook CLA pr: bug fix This PR fixes a bug in a past release.
Projects
None yet
2 participants