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

V9 Slider is missing cursor pointer #25184

Merged
merged 2 commits into from
Oct 31, 2022

Conversation

petdud
Copy link
Contributor

@petdud petdud commented Oct 12, 2022

Current Behavior

Slider V9 is missing cursor pointer when hovering or interacting with it.

Screenshot 2022-10-12 at 2 18 18 PM

New Behavior

This PR adds cursor: pointer to the slider input and also cursor: default for input disabled state.

Screenshot 2022-10-12 at 2 16 53 PM

Screenshot 2022-10-12 at 2 17 45 PM

Related Issue(s)

Fixes #

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 12, 2022

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-slider
Slider
31.805 kB
10.085 kB
31.935 kB
10.132 kB
130 B
47 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
62.827 kB
17.599 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
189.299 kB
52.51 kB
react-components
react-components: FluentProvider & webLightTheme
33.446 kB
11.033 kB
react-portal-compat
PortalCompatProvider
5.857 kB
1.978 kB
🤖 This report was generated against 16c7bcadf6f5a1f66dd8224f014ceee4c4800be3

@petdud petdud marked this pull request as ready for review October 12, 2022 12:21
@petdud petdud requested review from a team and micahgodbolt as code owners October 12, 2022 12:21
@fabricteam
Copy link
Collaborator

fabricteam commented Oct 12, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1272 1147 5000
Button mount 843 849 5000
FluentProvider mount 1496 1433 5000
FluentProviderWithTheme mount 615 633 10
FluentProviderWithTheme virtual-rerender 591 594 10
FluentProviderWithTheme virtual-rerender-with-unmount 539 568 10
MakeStyles mount 1696 1686 50000
SpinButton mount 2429 2303 5000

@size-auditor
Copy link

size-auditor bot commented Oct 12, 2022

Asset size changes

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

Baseline commit: c5377aa47efda4f692a5b61f5c85ea2fd0a590a4 (build)

@codesandbox-ci
Copy link

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 754c462:

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

Copy link
Member

@micahgodbolt micahgodbolt left a comment

Choose a reason for hiding this comment

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

Seeing that v8 and normal input type="range" HTML elements don't have this style, we're going to double check with design before making this change.

@micahgodbolt
Copy link
Member

Confirmed that this new behavior was actually in the spec, and we missed it on initial implementation. 🚢 it

@miroslavstastny miroslavstastny merged commit c485aa5 into microsoft:master Oct 31, 2022
@petdud petdud deleted the slider-pointer branch October 31, 2022 13:50
NotWoods pushed a commit to NotWoods/fluentui that referenced this pull request Nov 18, 2022
* cursor

* change

Co-authored-by: Petr Duda <petrduda@microsoft.com>
Hotell pushed a commit to Hotell/fluentui that referenced this pull request Feb 9, 2023
* cursor

* change

Co-authored-by: Petr Duda <petrduda@microsoft.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants