Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Chip][material-ui] Add cursor CSS property reset #38984

Merged
merged 1 commit into from
Sep 15, 2023

Conversation

DiegoAndai
Copy link
Member

@DiegoAndai DiegoAndai commented Sep 14, 2023

Closes: #38958

The cursor: "default" style was removed in #38076. This introduced #38958.

When ButtonBase is used (on clickable and deletable chips), this component's cursor: "pointer" is added. We must explicitly reset the cursor CSS property using the auto keyword. This will set the property to its initial value while allowing it to be inherited from the parent, maintaining #38076 's original goal.

(cursor: "pointer" is added back for clickable chips)

@DiegoAndai DiegoAndai added component: chip This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material labels Sep 14, 2023
@DiegoAndai DiegoAndai self-assigned this Sep 14, 2023
@mui-bot
Copy link

mui-bot commented Sep 14, 2023

Netlify deploy preview

https://deploy-preview-38984--material-ui.netlify.app/

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against 129ebb7

Copy link
Contributor

@danilo-leal danilo-leal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sweet, great one! Thanks for the detailed PR description, too! 🤙

@DiegoAndai DiegoAndai merged commit 7600bf2 into mui:master Sep 15, 2023
@DiegoAndai DiegoAndai deleted the deletable-chip-cursor branch September 15, 2023 14:13
@danilo-leal danilo-leal changed the title [Chip][material] Add cursor CSS property reset [Chip][material-ui] Add cursor CSS property reset Sep 15, 2023
danilo-leal pushed a commit to siriwatknp/material-ui that referenced this pull request Sep 18, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: chip This is the name of the generic UI component, not the React module! package: material-ui Specific to @mui/material
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[material-ui][Chip] Deletable Chip has the pointer cursor on the whole chip as if it were clickable
3 participants