microsoft / powercat-creator-kit

This toolkit helps create well-designed Power App experiences on the web & mobile. It contains a component library; PCF controls and other utilities that increase developer productivity.
MIT License
296 stars 49 forks source link

[BUG]: Panel is transparent on Edge but not in Chrome #412

Closed gunnargantzel closed 4 months ago

gunnargantzel commented 8 months ago

Describe the bug The Panel is transparent on Microsoft Edge, but working properly (not transparent) on Chrome.

To Reproduce Steps to reproduce the behavior:

  1. Create a panel in Canvas App
  2. Open the app in Microsoft Edge', the header and button area is transparent.
  3. Open the app in Chorme, the header and button area is not transparent.

Expected behavior Panel shoul look and behave the same on Chrome and Microsoft Edge

Screenshots image (On Edge) image (On Chrome)

Additional context NA

AB#962

sharisiri commented 7 months ago

Also experiencing the same bug. Let me know if you find a workaround.

denise-msft commented 7 months ago

I'm not sure if this is a supported scenario, any surface should have 100% opacity for accessibility.

Is it expected that the panel background is transparent? Does transparency otherwise work for layout containers in chrome?

denise-msft commented 4 months ago

@sharisiri closing due to inactivity, please reopen with more recent details if this is still occurring.