react-avatar: Options not showing

[thejason40]

Disclaimer

Yes

Sample

react-avatar

Author(s)

@Kunj-Sangani

What happened?

Missing options from certain tabs. They all seem to be tabs that only appear after making a selection on another tab (Facial Hair Color, Hat Color, Fabric Color). Interestingly, however, Hair Color, seems to work as intended.

Graphic also doesn't seem to show any options but on further inspection it seems like this is because the icons are white, on a white background.

Steps to reproduce

1. Clone repo
2. npm install
3. gulp serve

Expected behavior

Expected to see options for customising avatar.

Target SharePoint environment

SharePoint Online

Developer environment

Windows

Browsers

• [ ] Internet Explorer
• [X] Microsoft Edge
• [X] Google Chrome
• [ ] FireFox
• [ ] Safari
• [ ] mobile (iOS/iPadOS)
• [ ] mobile (Android)
• [ ] not applicable
• [ ] other (enter in the "Additional environment details" area below)

What version of Node.js is currently installed on your workstation?

Tried 8.9.4 & 10.13.1

What version of Node.js is required by the sample?

10

Paste the results of SPFx doctor

CLI for Microsoft 365 SharePoint Framework doctor Verifying configuration of your system for working with the SharePoint Framework

√ SharePoint Framework v1.11.0 √ Node v10.13.0 √ yo v3.1.1 √ gulp-cli v2.3.0 √ bundled typescript used

Additional environment details

No response

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[thejason40]

I've added a pull request that should fix this issue.

[hugoabernier]

Closing this issue due to inactivity. Feel free to create a new issue if there are new issues related to this.