tea/browsertrix
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Fix app not loading for browsers without adoptedStyleSheets support (#2163)

Browse Source 
Adds polyfill for `replaceSync` and `adoptedStyleSheets` support.
This commit is contained in:
sua yoo 2024-11-19 13:46:52 -08:00 committed by GitHub
parent 8ba18f2360
commit 2f3dff3de5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/package.json
View File

@ -29,6 +29,7 @@
"broadcastchannel-polyfill": "^1.0.1", "broadcastchannel-polyfill": "^1.0.1",
"clsx": "^2.1.0", "clsx": "^2.1.0",
"color": "^4.0.1", "color": "^4.0.1",
"construct-style-sheets-polyfill": "^3.1.0",
"copy-webpack-plugin": "^12.0.2", "copy-webpack-plugin": "^12.0.2",
"css-loader": "^6.3.0", "css-loader": "^6.3.0",
"date-fns": "^3.6.0", "date-fns": "^3.6.0",

7
frontend/src/classes/TailwindElement.ts
View File

@ -14,6 +14,11 @@ export class TailwindElement extends LitElement {
// thanks to `postcss-lit`. // thanks to `postcss-lit`.
// //
// [^1]: (see https://tailwindcss.com/docs/adding-custom-styles#using-css-and-layer), // [^1]: (see https://tailwindcss.com/docs/adding-custom-styles#using-css-and-layer),
this.shadowRoot?.adoptedStyleSheets.push(theme); if (this.shadowRoot) {
this.shadowRoot.adoptedStyleSheets = [
...this.shadowRoot.adoptedStyleSheets,
theme,
];
}
} }
} }

1
frontend/src/index.ts
View File

@ -10,6 +10,7 @@ import { when } from "lit/directives/when.js";
import isEqual from "lodash/fp/isEqual"; import isEqual from "lodash/fp/isEqual";
import "broadcastchannel-polyfill"; import "broadcastchannel-polyfill";
import "construct-style-sheets-polyfill";
import "./utils/polyfills"; import "./utils/polyfills";
import type { OrgTab } from "./pages/org"; import type { OrgTab } from "./pages/org";

5
frontend/yarn.lock
View File

@ -3557,6 +3557,11 @@ connect-history-api-fallback@^2.0.0:
resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8" resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA== integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
construct-style-sheets-polyfill@^3.1.0:
version "3.1.0"
resolved "https://registry.yarnpkg.com/construct-style-sheets-polyfill/-/construct-style-sheets-polyfill-3.1.0.tgz#c490abd79efdb359fafa62ec14ea55232be0eecf"
integrity sha512-HBLKP0chz8BAY6rBdzda11c3wAZeCZ+kIG4weVC2NM3AXzxx09nhe8t0SQNdloAvg5GLuHwq/0SPOOSPvtCcKw==
content-disposition@0.5.4, content-disposition@~0.5.2: content-disposition@0.5.4, content-disposition@~0.5.2:
version "0.5.4" version "0.5.4"
resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe" resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"