Skip to content

Disabled Button Shows Incorrect Cursor on Web #4659

Open
@VariabileAleatoria

Description

@VariabileAleatoria

Current behaviour

When using react-native-paper on the web, a disabled Button still displays a pointer (cursor: pointer) on hover, making it appear clickable when it is not. This creates misleading UX, as the button should not indicate interactivity when disabled.

Expected behaviour

A disabled button should not visually indicate interactivity on hover.
This is what react-native Pressable or Button does.

How to reproduce?

Here a simple snack that replicates the issue https://snack.expo.dev/a3wbzrOwpg6A8hhoZF43k

Preview

Image

Your Environment

software version
react-native 0.74.5
react-native-paper 5.13.1
expo sdk 51.0.28

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions