fix(postcss-preset-env): client side polyfills (#3051)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: vikunja/frontend#3051
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
This commit is contained in:
Dominik Pschenitschni 2023-02-15 15:40:00 +00:00 committed by konrad
parent 8465afe421
commit d07ad495e2
1 changed files with 11 additions and 1 deletions

View File

@ -72,7 +72,17 @@ export default defineConfig(({mode}) => {
plugins: [
postcssEasings(),
postcssEasingGradients(),
postcssPresetEnv(),
postcssPresetEnv({
// Since postcss-preset-env v8.0.0 the 'enableClientSidePolyfills' option is disabled by default.
// This is the list of features that require a client side library:
// https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env#plugins-that-need-client-library
// Since we only use 'focus-within-pseudo-class' we have to force enable
// that plugin now manually in order to keep the browser support as it was.
// See also './src/polyfills.ts'
features: {
'focus-within-pseudo-class': true,
},
}),
],
},
},