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

bugfix: secondaryContent not displaying properly #33689

Conversation

bsunderhus
Copy link
Contributor

@bsunderhus bsunderhus commented Jan 20, 2025

Previous Behavior

secondaryContent (in this example the text Microsoft FTE) is not properly positioned, according to design spec it should be on it's own separate line and with caption1 style by default

image

New Behavior

image

  1. move useOptionStyles hook to lose priority over useTagPickerOptionStyles internal styles
  2. properly add caption1 typography styles which were missing

Related Issue(s)

Copy link

github-actions bot commented Jan 20, 2025

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.164 MB
291.433 kB
1.164 MB
291.462 kB
265 B
29 B
react-tag-picker
@fluentui/react-tag-picker - package
185.253 kB
55.693 kB
185.518 kB
55.713 kB
265 B
20 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69.236 kB
20.182 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
222.641 kB
64.474 kB
react-components
react-components: FluentProvider & webLightTheme
44.473 kB
14.597 kB
react-portal-compat
PortalCompatProvider
8.39 kB
2.64 kB
react-timepicker-compat
TimePicker
108.551 kB
36.094 kB
🤖 This report was generated against cc1756e0cb08f40d5c356166b0d9abe9beb80b5b

Copy link

Pull request demo site: URL

@bsunderhus bsunderhus marked this pull request as ready for review January 20, 2025 10:15
@bsunderhus bsunderhus requested a review from a team as a code owner January 20, 2025 10:15
@bsunderhus bsunderhus force-pushed the react-tag-picker/bugfix--secondary-content-not-displaying-properly branch from 6e3026d to 639e599 Compare January 20, 2025 10:36
@bsunderhus bsunderhus requested a review from ling1726 January 20, 2025 10:36
@bsunderhus bsunderhus merged commit b987de6 into microsoft:master Jan 21, 2025
16 checks passed
@bsunderhus bsunderhus deleted the react-tag-picker/bugfix--secondary-content-not-displaying-properly branch January 21, 2025 13:59
marcosmoura added a commit that referenced this pull request Jan 23, 2025
…/chore--slot-API-react-v17/18-support

* chore/react-18-support: (516 commits)
  update some deps to React 18
  test(react-color-picker): Added cy and a11y tests for sliders (#33609)
  fix(react-charting): Centre align Gauge chart (#33710)
  fix(vr-tests): set a fixed value for culture prop in charts (#33690)
  release: applying package updates - react v8
  feat(react-charting): Heatmap text color based on Contrast Ratio (#33659)
  test(color-picker): Added VR tests for ColorSlider and AlphaSlider (#33672)
  fix: remove forced synchronous layout in Drawer (#33665)
  feat(declarative-chart): Support for Dashed and Dotted lines (#33694)
  release: applying package updates - react-components
  feat: add vite sandbox template (#33631)
  ci: trigger VRT PR workflow only against testing branch (#33701)
  chore(deps-dev): bump vite from 6.0.7 to 6.0.9 (#33698)
  release: applying package updates - react v8
  BaseFloatingPicker - Release references held by Async (#33685)
  feature(react-tag-picker): single line layout (#32247)
  feature(react-tree): introduces navigationMode property (#33658)
  bugfix: secondaryContent not displaying properly (#33689)
  release: applying package updates - react v8
  fix(react-charting): resolve overlapping bars issue in histogram (#33695)
  ...
marcosmoura added a commit that referenced this pull request Jan 23, 2025
…/chore--slot-API-react-v17/18-support

* chore/react-18-support: (516 commits)
  update some deps to React 18
  test(react-color-picker): Added cy and a11y tests for sliders (#33609)
  fix(react-charting): Centre align Gauge chart (#33710)
  fix(vr-tests): set a fixed value for culture prop in charts (#33690)
  release: applying package updates - react v8
  feat(react-charting): Heatmap text color based on Contrast Ratio (#33659)
  test(color-picker): Added VR tests for ColorSlider and AlphaSlider (#33672)
  fix: remove forced synchronous layout in Drawer (#33665)
  feat(declarative-chart): Support for Dashed and Dotted lines (#33694)
  release: applying package updates - react-components
  feat: add vite sandbox template (#33631)
  ci: trigger VRT PR workflow only against testing branch (#33701)
  chore(deps-dev): bump vite from 6.0.7 to 6.0.9 (#33698)
  release: applying package updates - react v8
  BaseFloatingPicker - Release references held by Async (#33685)
  feature(react-tag-picker): single line layout (#32247)
  feature(react-tree): introduces navigationMode property (#33658)
  bugfix: secondaryContent not displaying properly (#33689)
  release: applying package updates - react v8
  fix(react-charting): resolve overlapping bars issue in histogram (#33695)
  ...
bsunderhus added a commit to bsunderhus/fluentui that referenced this pull request Jan 30, 2025
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.

[Bug]: TagPicker secondary content in options rendering incorrectly
3 participants