Skip to content

Responsive variants such as lg: stop working after upgrading to 1.12.0 #680

Description

@etx121

What happened?

After upgrading Uniwind to 1.12.0, responsive Tailwind variants such as lg: stopped applying in my Expo app.

Restarting Metro with --clear did not resolve the issue. Downgrading Uniwind restored the expected behavior.

Expected: responsive styles apply when the viewport reaches the configured breakpoint.

Actual: responsive styles do not apply with Uniwind 1.12.0.

Steps to Reproduce

Before submitting, verify these steps in a minimal reproduction and replace the working-version placeholder below.

  1. Set up an Expo app with Uniwind 1.12.0 and Tailwind CSS 4.3.3.

  2. Render this component:

    import { View } from "react-native";
    
    export default function App() {
      return (
        <View className="flex-1 flex-col lg:flex-row">
          <View className="h-20 w-20 bg-red-500" />
          <View className="h-20 w-20 bg-blue-500" />
        </View>
      );
    }
  3. Open the app with a viewport wider than 1024 logical pixels.

  4. Observe that lg:flex-row does not apply.

  5. Install the previously working Uniwind version: [insert verified version], and restart Metro with --clear.

  6. Observe that lg:flex-row applies correctly.

Snack or Repository Link

https://github.com

Uniwind version

1.12.0

React Native Version

0.86.3

Platforms

iOS, Android

Expo

Yes

Additional information 〰

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions