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

fix: Checkbox's label shouldn't have a pointer cursor when disabled #25018

Merged

Conversation

behowell
Copy link
Contributor

Current Behavior

The cursor is a pointer when hovering a disabled checkbox's label.

New Behavior

  • Use the default cursor (not pointer) on the label when the checkbox is disabled
  • Simplify the styles controlling the padding between the checkbox and label

@behowell behowell self-assigned this Sep 29, 2022
@fabricteam
Copy link
Collaborator

fabricteam commented Sep 29, 2022

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
189.156 kB
52.385 kB
react-components
react-components: FluentProvider & webLightTheme
33.4 kB
11.008 kB
react-portal-compat
PortalCompatProvider
5.857 kB
1.978 kB
🤖 This report was generated against 2e8d044a4ce2c1095f13e08716c3ba13069ebf0d

@size-auditor
Copy link

size-auditor bot commented Sep 29, 2022

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 2e8d044a4ce2c1095f13e08716c3ba13069ebf0d (build)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Sep 29, 2022

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 5208119:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 29, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1286 1279 5000
Button mount 923 927 5000
FluentProvider mount 1507 1482 5000
FluentProviderWithTheme mount 581 581 10
FluentProviderWithTheme virtual-rerender 537 525 10
FluentProviderWithTheme virtual-rerender-with-unmount 574 584 10
MakeStyles mount 1906 1929 50000
SpinButton mount 2319 2335 5000

@behowell behowell marked this pull request as ready for review September 29, 2022 20:28
@behowell behowell requested a review from a team as a code owner September 29, 2022 20:28
@behowell behowell changed the title fix: disabled Checkbox label cursor is no longer a pointer fix: Checkbox's label shouldn't have a pointer cursor when disabled Sep 29, 2022
@behowell behowell merged commit d821905 into microsoft:master Sep 30, 2022
@behowell behowell deleted the checkbox/disabled-cursor-and-cleanup branch September 30, 2022 18:36
GeoffCoxMSFT pushed a commit to GeoffCoxMSFT/fluentui that referenced this pull request Oct 3, 2022
…icrosoft#25018)

* Use the default cursor (not pointer) on the label when the checkbox is disabled
* Simplify the styles controlling the padding between the checkbox and label
NotWoods pushed a commit to NotWoods/fluentui that referenced this pull request Nov 18, 2022
…icrosoft#25018)

* Use the default cursor (not pointer) on the label when the checkbox is disabled
* Simplify the styles controlling the padding between the checkbox and label
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants