From 54f73d3b747fdecc07df7253c3187ca542b752c3 Mon Sep 17 00:00:00 2001 From: Mark Lawlor Date: Tue, 9 Sep 2025 23:05:28 +1000 Subject: [PATCH 1/3] chore: add TailwindCSS issue template --- .github/ISSUE_TEMPLATE/1-tailwindcss.yml | 78 +++++++++++++++++++ .../{bug_report.yml => 2-bug_report.yml} | 0 2 files changed, 78 insertions(+) create mode 100644 .github/ISSUE_TEMPLATE/1-tailwindcss.yml rename .github/ISSUE_TEMPLATE/{bug_report.yml => 2-bug_report.yml} (100%) diff --git a/.github/ISSUE_TEMPLATE/1-tailwindcss.yml b/.github/ISSUE_TEMPLATE/1-tailwindcss.yml new file mode 100644 index 00000000..78f3c53c --- /dev/null +++ b/.github/ISSUE_TEMPLATE/1-tailwindcss.yml @@ -0,0 +1,78 @@ +name: 💨 Tailwind CSS Issue +description: Report a reproducible bug or regression while using Tailwind CSS +labels: [bug, tailwindcss] +body: + - type: markdown + attributes: + value: | + # Tailwind CSS report + + 👋 Hi! + + **Please fill the following carefully before opening a new issue ❗** + *(Your issue may be closed if it doesn't provide the required pieces of information)* + - type: checkboxes + attributes: + label: Before submitting a new issue + description: Please perform simple checks first. + options: + - label: I tested using the latest version of the library, as the bug might be already fixed. + required: true + - label: I tested using a [supported version](https://github.com/reactwg/react-native-releases/blob/main/docs/support.md) of react native. + required: true + - label: I checked for possible duplicate issues, with possible answers. + required: true + - label: I checked that React Native supports the styles I am using. + required: true + - label: If using animations/transitions, I check that React Native Reanimated supports the styles I am using. + required: true + - type: textarea + id: summary + attributes: + label: Bug summary + description: | + Provide a clear and concise description of what the bug is. + If needed, you can also provide other samples: error messages / stack traces, screenshots, gifs, etc. + validations: + required: true + - type: textarea + id: steps-to-reproduce + attributes: + label: Tailwind CSS classes + description: | + Provide a minimal reproducible example of the issue. + You can either modify the test case before, or provide a link to a Github repro. + value: | + const testID = "my-test-id"; + + test("my-tailwindcss-bug", () => { + render(); + + const component = screen.getByTestId(testID); + + expect(component.props).toStrictEqual({ + children: undefined, + testID, + style: { + color: "red" + } + }); + }) + validations: + required: true + - type: input + id: library-version + attributes: + label: Library version + description: What version of the library are you using? + placeholder: "x.x.x" + validations: + required: true + - type: textarea + id: react-native-info + attributes: + label: Environment info + description: Run `npx envinfo --npmPackages react,react-native,react-native-css,tailwindcss` in your terminal and paste the results here. + render: shell + validations: + required: true diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/2-bug_report.yml similarity index 100% rename from .github/ISSUE_TEMPLATE/bug_report.yml rename to .github/ISSUE_TEMPLATE/2-bug_report.yml From a7d6c9f9439e6e2db750e255c5f0944061d97e3e Mon Sep 17 00:00:00 2001 From: Mark Lawlor Date: Tue, 9 Sep 2025 23:08:14 +1000 Subject: [PATCH 2/3] Update .github/ISSUE_TEMPLATE/1-tailwindcss.yml Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- .github/ISSUE_TEMPLATE/1-tailwindcss.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/ISSUE_TEMPLATE/1-tailwindcss.yml b/.github/ISSUE_TEMPLATE/1-tailwindcss.yml index 78f3c53c..0d0f8636 100644 --- a/.github/ISSUE_TEMPLATE/1-tailwindcss.yml +++ b/.github/ISSUE_TEMPLATE/1-tailwindcss.yml @@ -24,7 +24,7 @@ body: required: true - label: I checked that React Native supports the styles I am using. required: true - - label: If using animations/transitions, I check that React Native Reanimated supports the styles I am using. + - label: If using animations/transitions, I checked that React Native Reanimated supports the styles I am using. required: true - type: textarea id: summary From 722f7b93b30bdfccbd59481c9b093588dfb3a003 Mon Sep 17 00:00:00 2001 From: Mark Lawlor Date: Tue, 9 Sep 2025 23:08:24 +1000 Subject: [PATCH 3/3] Update .github/ISSUE_TEMPLATE/1-tailwindcss.yml Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- .github/ISSUE_TEMPLATE/1-tailwindcss.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/ISSUE_TEMPLATE/1-tailwindcss.yml b/.github/ISSUE_TEMPLATE/1-tailwindcss.yml index 0d0f8636..338306a5 100644 --- a/.github/ISSUE_TEMPLATE/1-tailwindcss.yml +++ b/.github/ISSUE_TEMPLATE/1-tailwindcss.yml @@ -54,7 +54,7 @@ body: children: undefined, testID, style: { - color: "red" + color: "#ef4444" } }); })