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: Dropdown icon layout with no placeholder/value #25049

Merged
merged 2 commits into from
Oct 6, 2022

Conversation

smhigley
Copy link
Contributor

@smhigley smhigley commented Oct 3, 2022

Fixes the Dropdown layout when no placeholder was provided from this:

screenshot of an empty dropdown with the arrow icon on the left side

to this:

screenshot of an empty dropdown with the arrow icon on the right side

@smhigley smhigley self-assigned this Oct 3, 2022
@smhigley smhigley requested a review from a team as a code owner October 3, 2022 17:41
@github-actions github-actions bot added this to the October Project Cycle Q4 2022 milestone Oct 3, 2022
@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-combobox
Dropdown (including child components)
74.242 kB
24.089 kB
74.374 kB
24.159 kB
132 B
70 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-combobox
Combobox (including child components)
74.642 kB
24.19 kB
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 a27927f075e09cc89e0563d22ad3a514b0ee83c1

@codesandbox-ci
Copy link

codesandbox-ci bot commented Oct 3, 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 c872f1f:

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

@size-auditor
Copy link

size-auditor bot commented Oct 3, 2022

Asset size changes

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

Baseline commit: 192e9971fe1d168e8bc3c11f3920b3a67990edea (build)

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1567 1575 5000
Button mount 1124 1143 5000
FluentProvider mount 1887 1866 5000
FluentProviderWithTheme mount 737 780 10
FluentProviderWithTheme virtual-rerender 687 703 10
FluentProviderWithTheme virtual-rerender-with-unmount 733 751 10
MakeStyles mount 2299 2312 50000
SpinButton mount 3018 3005 5000

@@ -167,6 +167,8 @@ const useIconStyles = makeStyles({
color: tokens.colorNeutralStrokeAccessible,
display: 'block',
fontSize: tokens.fontSizeBase500,
gridColumnStart: 'icon',
Copy link
Member

Choose a reason for hiding this comment

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

Do you need a vr-test for this case?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yup! I need to add vr-tests for Dropdown in general, so I'll put those in a separate PR 👍

@smhigley smhigley merged commit e154da8 into microsoft:master Oct 6, 2022
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Oct 10, 2022
* master: (23 commits)
  Revert "chore: screener-run workflow should report to PR (microsoft#25144)" (microsoft#25145)
  chore: screener-run workflow should report to PR (microsoft#25144)
  applying package updates
  fix: The Tooltip should not hide if it gets keyboard focus (microsoft#25138)
  fix: Tooltip should not hide if an element inside it gets focused (microsoft#25140)
  Create react-migration-v8-v9 with shims and stories (microsoft#25121)
  fix: CheckboxField to set a generated ID on the input, to match the label's htmlFor (microsoft#25079)
  feat: Overflow menu should be registered in overflowManager (microsoft#25091)
  fix: version-bump generator removes beachball disallowedChangeType config (microsoft#25130)
  fix: new overflow items should only be enqueued while observing (microsoft#25122)
  fix(script): allow runPublished call from CLI (microsoft#25127)
  feat: add vertical variation for toolbar (microsoft#24940)
  ProgressField implementation and stories (microsoft#25103)
  fix: Dropdown icon layout with no placeholder/value (microsoft#25049)
  chore: add a bundle size fixture (Button, Provider & theme) (microsoft#25113)
  feat: Adding subtle transition between states on Button components (microsoft#25106)
  Revert "chore: screener-run workflow should report to PR (microsoft#25096)" (microsoft#25115)
  chore: screener-run workflow should report to PR (microsoft#25096)
  fix(react-dialog): aria-* properties should be reassignable (microsoft#25092)
  fix(scripts): don't run publish if web-components are affected (microsoft#25095)
  ...
NotWoods pushed a commit to NotWoods/fluentui that referenced this pull request Nov 18, 2022
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