|
| 1 | +name: 💨 Tailwind CSS Issue |
| 2 | +description: Report a reproducible bug or regression while using Tailwind CSS |
| 3 | +labels: [bug, tailwindcss] |
| 4 | +body: |
| 5 | + - type: markdown |
| 6 | + attributes: |
| 7 | + value: | |
| 8 | + # Tailwind CSS report |
| 9 | +
|
| 10 | + 👋 Hi! |
| 11 | +
|
| 12 | + **Please fill the following carefully before opening a new issue ❗** |
| 13 | + *(Your issue may be closed if it doesn't provide the required pieces of information)* |
| 14 | + - type: checkboxes |
| 15 | + attributes: |
| 16 | + label: Before submitting a new issue |
| 17 | + description: Please perform simple checks first. |
| 18 | + options: |
| 19 | + - label: I tested using the latest version of the library, as the bug might be already fixed. |
| 20 | + required: true |
| 21 | + - label: I tested using a [supported version](https://github.com/reactwg/react-native-releases/blob/main/docs/support.md) of react native. |
| 22 | + required: true |
| 23 | + - label: I checked for possible duplicate issues, with possible answers. |
| 24 | + required: true |
| 25 | + - label: I checked that React Native supports the styles I am using. |
| 26 | + required: true |
| 27 | + - label: If using animations/transitions, I checked that React Native Reanimated supports the styles I am using. |
| 28 | + required: true |
| 29 | + - type: textarea |
| 30 | + id: summary |
| 31 | + attributes: |
| 32 | + label: Bug summary |
| 33 | + description: | |
| 34 | + Provide a clear and concise description of what the bug is. |
| 35 | + If needed, you can also provide other samples: error messages / stack traces, screenshots, gifs, etc. |
| 36 | + validations: |
| 37 | + required: true |
| 38 | + - type: textarea |
| 39 | + id: steps-to-reproduce |
| 40 | + attributes: |
| 41 | + label: Tailwind CSS classes |
| 42 | + description: | |
| 43 | + Provide a minimal reproducible example of the issue. |
| 44 | + You can either modify the test case before, or provide a link to a Github repro. |
| 45 | + value: | |
| 46 | + const testID = "my-test-id"; |
| 47 | +
|
| 48 | + test("my-tailwindcss-bug", () => { |
| 49 | + render(<Text testID={testID} className="text-red-500" />); |
| 50 | +
|
| 51 | + const component = screen.getByTestId(testID); |
| 52 | +
|
| 53 | + expect(component.props).toStrictEqual({ |
| 54 | + children: undefined, |
| 55 | + testID, |
| 56 | + style: { |
| 57 | + color: "#ef4444" |
| 58 | + } |
| 59 | + }); |
| 60 | + }) |
| 61 | + validations: |
| 62 | + required: true |
| 63 | + - type: input |
| 64 | + id: library-version |
| 65 | + attributes: |
| 66 | + label: Library version |
| 67 | + description: What version of the library are you using? |
| 68 | + placeholder: "x.x.x" |
| 69 | + validations: |
| 70 | + required: true |
| 71 | + - type: textarea |
| 72 | + id: react-native-info |
| 73 | + attributes: |
| 74 | + label: Environment info |
| 75 | + description: Run `npx envinfo --npmPackages react,react-native,react-native-css,tailwindcss` in your terminal and paste the results here. |
| 76 | + render: shell |
| 77 | + validations: |
| 78 | + required: true |
0 commit comments