Skip to content

CSS Conflict warning when using placeholder variant in React Native + Tailwind CSS via Nativewind #1407

Open
@WillyReyno

Description

@WillyReyno

What version of VS Code are you using? v1.100.3
What version of Tailwind CSS IntelliSense are you using? v0.14.21
What version of Tailwind CSS are you using? v3.4.17 & Nativewind 4.1.23
What package manager are you using? npm
What operating system are you using? macOS
Tailwind config

Reproduction

import { TextInput } from "react-native";

<TextInput className="placeholder:text-red-500 text-white" />

Describe your issue

When setting text color and a placeholder's color, the following cssConflict appears as a warning whereas both classes are not styling the same element of the input

Image

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions