Skip to content

Conversation

@advancewarsbest
Copy link
Contributor

From the developer examples of fluent UI for React, the overflowset custom examples overflow icons are not displaying, this PR resolves it.

tested using the codepen link from the website.

Web page in question link:
https://developer.microsoft.com/en-us/fluentui?fabricVer=8#/controls/web/overflowset

Previous Behavior

the React FluentUI overflowset example does not show the icons that are in the code

New Behavior

Resolves the missing icon issues

Related Issue(s)

None

Images

Example of current iteration:
Screenshot 2023-02-09 at 11 19 48 PM
Screenshot 2023-02-09 at 11 20 23 PM

Example of fix taken from codepen:
Screenshot 2023-02-09 at 11 21 08 PM
Screenshot 2023-02-09 at 11 21 32 PM

The overflowset custom examples overflow icons are not showing up, this resolves that.

tested using the codepen link from the website.

https://developer.microsoft.com/en-us/fluentui?fabricVer=8#/controls/web/overflowset
@fabricteam
Copy link
Collaborator

fabricteam commented Feb 10, 2023

📊 Bundle size report

🤖 This report was generated against 4c323e21d84381804fc746f68affe7071adf83d6

@size-auditor
Copy link

size-auditor bot commented Feb 10, 2023

Asset size changes

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

Baseline commit: 4c323e21d84381804fc746f68affe7071adf83d6 (build)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Feb 10, 2023

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 cc831e2:

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

@advancewarsbest advancewarsbest changed the title Fix missing icons on website Fix missing icons on overflowset v8 Feb 10, 2023
@micahgodbolt micahgodbolt removed their assignment Feb 21, 2023
@micahgodbolt micahgodbolt merged commit 1184f85 into microsoft:master Feb 21, 2023
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Feb 24, 2023
* master: (93 commits)
  chore: migrate to jest 27 (microsoft#26835)
  chore: make lint task run without need of build (microsoft#26872)
  chore(react-table): exports UseTableSelectionOptions (microsoft#26892)
  applying package updates
  fix(react-card): allow elements to grow to fill the available space (microsoft#26616)
  fix: Popover without focus trap should not be aria-hidden (microsoft#26932)
  applying package updates
  applying package updates
  fix(react-combobox): Remove _getAriaActiveDescendantValue, compute aria-activedescendantvalue in state, and update currentPendingValue when the options change (microsoft#26574)
  fix: v8 Combobox role and accname for non-hidden icon button (microsoft#26905)
  fix: Removing possible recursive loop in Coachmark (microsoft#26934)
  Combobox: Fix cursor jumping to the end of input (microsoft#26931)
  Fix missing icons on website (microsoft#26797)
  fix: Fix the width of Input's focus border with appearance=underline (microsoft#26881)
  chore: Clean up Input's interactive styles (microsoft#26865)
  Remove codeowners from change files (microsoft#26935)
  chore: add splitbutton error warning to docs, remove button ariaDescription example (microsoft#26904)
  docs: Remove testing code from MenuList example (microsoft#26929)
  chore: refactor SpinButton to use makeResetStyles (microsoft#26867)
  feat: Set overflow on positioned element when `autosize` is applied (microsoft#26868)
  ...
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Mar 15, 2023
…r-component

* feat/drawer-base-component: (141 commits)
  remove DrawerContainer
  feat: WIP add initial draft for Drawer and DrawerContainer
  chore: migrate to jest 27 (microsoft#26835)
  chore: make lint task run without need of build (microsoft#26872)
  chore(react-table): exports UseTableSelectionOptions (microsoft#26892)
  applying package updates
  fix(react-card): allow elements to grow to fill the available space (microsoft#26616)
  fix: Popover without focus trap should not be aria-hidden (microsoft#26932)
  applying package updates
  applying package updates
  fix(react-combobox): Remove _getAriaActiveDescendantValue, compute aria-activedescendantvalue in state, and update currentPendingValue when the options change (microsoft#26574)
  fix: v8 Combobox role and accname for non-hidden icon button (microsoft#26905)
  fix: Removing possible recursive loop in Coachmark (microsoft#26934)
  Combobox: Fix cursor jumping to the end of input (microsoft#26931)
  Fix missing icons on website (microsoft#26797)
  fix: Fix the width of Input's focus border with appearance=underline (microsoft#26881)
  chore: Clean up Input's interactive styles (microsoft#26865)
  Remove codeowners from change files (microsoft#26935)
  chore: add splitbutton error warning to docs, remove button ariaDescription example (microsoft#26904)
  docs: Remove testing code from MenuList example (microsoft#26929)
  ...
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.

4 participants