Default button style missing pointer cursor property

[YonatanPerkel]

What version of Tailwind CSS are you using?

v4.0.0

What build tool (or framework if it abstracts the build tool) are you using?

Vite

What version of Node.js are you using?

v20.17.0

What browser are you using?

N/A

What operating system are you using?

N/A

Reproduction URL

https://play.tailwindcss.com/WC5jexkinA

Describe your issue

The preflight.css file is missing pointer: cursor property, but the latest 3.4.17 preflight.css file does include this property.
This change isn't mentioned in the v4 upgrade guide.

[shadcndash]

add

@layer base {
  button, [role="button"] {
    cursor: pointer;
  }
}

[wongjn]

I believe it is on purpose. If we look at #14061, (which talks about some rule overriding cursor which is no longer needed), we can see it references #8961 and #8962. I believe these could be the reasons why buttons do not have cursor: pointer in preflight in v4.

As @shadcndash says, you can always add it in with your own CSS.

[philipp-spiess]

Hey! Yeah this was an intentional change that we've made to align better with browser defaults. You can indeed bring it back with this code: https://github.com/tailwindlabs/tailwindcss/blob/4f9f603e12b51cc53b8a09c7739b8f88c8eb87eb/src/css/preflight.css#L339-L353C1

[YonatanPerkel]

Hey! Yeah this was an intentional change that we've made to align better with browser defaults. You can indeed bring it back with this code: https://github.com/tailwindlabs/tailwindcss/blob/4f9f603e12b51cc53b8a09c7739b8f88c8eb87eb/src/css/preflight.css#L339-L353C1

Hey, that's fine, could this change maybe be added to the upgrade guide? This change affected our app when upgrading to v4.

[isaac-mcfadyen]

This change affected our app when upgrading to v4.

This also affected me, would be good to get this documented so users aren't caught unawares.

[adamwathan]

Added it to the upgrade guide 👍