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
312 stars 51 forks source link

[BUG]: Panel background height sometimes doesn't scale with the Screen/Panel height #212

Open Benwishh opened 1 year ago

Benwishh commented 1 year ago

Sometimes when developing apps with the Panel component, the height of the Panel background doesn't scale along with the rest of the component. See Screenshot, the buttons correctly move to the bottom of the screen but the Panel background stops in the middle. This happens in the studio and when publishing the app. But it's not always the case. Sometimes I edit the app for a while and it works fine. And after some code change (in the OnButtonSelect Property for example) the behaviour changes.

panelbug

AB#1015

Benwishh commented 1 year ago

Just found out that the problem isn't affected by changes that are made within the app but by behaviour of the browser used. In this example I use Microsoft Edge, same version of the app, both played in the two open tabs. The first tab also shows a "Make Edge the standard browser" notification at the top and I get the panel background error.

In the second tab there is no open browser notification and the panel shows fine.

I've seen the same behaviour in Edge, Firefox and Chrome..

panelbug2

panelbug3

schneika commented 1 year ago

I can observe the same behavior, the Panel Height is often scaled only the half of the expected height, in Edge Browser and also integrated as Teams App

Benwishh commented 1 year ago

Workaround that works most of the time: Reinstall PowerCAT Solution in the environment, remove all Panels from the App and add them again.