Skip to content

Commit a000e4a

Browse files
authored
templates: reorders postcss plugins in the website template for tailwind compatibility (#10176)
<!-- Thank you for the PR! Please go through the checklist below and make sure you've completed all the steps. Please review the [CONTRIBUTING.md](https://github.com/payloadcms/payload/blob/main/CONTRIBUTING.md) document in this repository if you haven't already. The following items will ensure that your PR is handled as smoothly as possible: - PR Title must follow conventional commits format. For example, `feat: my new feature`, `fix(plugin-seo): my fix`. - Minimal description explained as if explained to someone not immediately familiar with the code. - Provide before/after screenshots or code diffs if applicable. - Link any related issues/discussions from GitHub or Discord. - Add review comments if necessary to explain to the reviewer the logic behind a change ### What? ### Why? ### How? Fixes # --> This The plugin order in postcss.config.js was causing UI rendering issues in mobile Safari (#10135). This pull request affects the website template and the vercel website template. Current version: ``` // Website template: /templates/website/postcss.config.js // Vercel website template: /templates/with-vercel-website/postcss.config.js export default { plugins: { autoprefixer: {}, tailwindcss: {}, }, } ``` PostCSS was loading Autoprefixer before Tailwind and the vendor prefixes were not properly being prepended. Fixed version (per [Tailwind docs](https://tailwindcss.com/docs/browser-support)): ``` export default { plugins: { tailwindcss: {}, // this is first autoprefixer: {}, // this is second }, } ```
1 parent bd7f705 commit a000e4a

File tree

2 files changed

+2
-2
lines changed

2 files changed

+2
-2
lines changed
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
export default {
22
plugins: {
3-
autoprefixer: {},
43
tailwindcss: {},
4+
autoprefixer: {},
55
},
66
}
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
export default {
22
plugins: {
3-
autoprefixer: {},
43
tailwindcss: {},
4+
autoprefixer: {},
55
},
66
}

0 commit comments

Comments
 (0)