microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
https://react.fluentui.dev
Other
18.44k stars 2.72k forks source link

[Bug]: Primary split button does not keep the primary color background when open #33061

Open avenezia opened 1 week ago

avenezia commented 1 week ago

Package

react

Package version

8.120.9

React version

16.14.0

Environment

Currently having issues running npx

Current Behavior

When opening the menu for a primary split button, the section which contains the chevron icon does not keep the primary background (e.g. green) and instead gets the Fluent UI default one being blue.

Image

Expected Behavior

The color should not change when opening the button menu.

Reproduction

https://codepen.io/avenezia/pen/jOgmYJa

Steps to reproduce

  1. Go to https://codepen.io/avenezia/pen/jOgmYJa and click on the primary split button
  2. The section with the chevron icon gets the blue background instead of keeping the green one

Are you reporting an Accessibility issue?

None

Suggested severity

Urgent - No workaround and Products/sites are affected

Products/sites affected

Power Query

Are you willing to submit a PR to fix?

no

Validations

chr-sad commented 5 days ago

I can confirm this issue - we experience the same in our solution with @fluentui/react v8.121.5.

avenezia commented 2 days ago

Can you please share an ETA on when this is going to be fixed?