search

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
322 stars 53 forks source link

[BUG]: Fluent Detail list blurriness #477

Open PeacockIADev opened 4 months ago

PeacockIADev commented 4 months ago

Describe the bug We have implemented the fluent detail list component in several of our production apps for almost a year now. We like the flexibility, ease of deployment and available features in the component. We currently have 3 almost identical apps all using the same component with the same theme style and sorting / filter behavior. However we noticed that the lists in one of the apps has become blurry.

To Reproduce Steps to reproduce the behavior:

  1. We have implemented the list
  2. Customized the app theme JSON to match the client company style and used the alternate row color feature.
  3. We have limited the collection size to 500 to reduce loading and improve performance.
  4. Used a custom sorting and filtering

Expected behavior Since we have 3 almost identical apps, with identical AppThemeJSON, Alternate row colors and behavior we expect all lists to match. Screenshots blurry image not blurry image

Additional context Both apps used to match. However since the power apps update regarding custom themes, one of them started to differ.

AB#3675

denise-msft commented 2 months ago

@PeacockIADev are you seeing the blurriness in the player as well, or is this happening in studio? Can you also please share the power apps studio version you're seeing this in?

PeacockIADev commented 2 months ago

Hi Denise,

Thank you so much for your response!

To answer your questions, we see the blurriness on both the studio version as in the published application. This is present on every environment ( 4 in total).

@. @. Both apps (with and without the blurriness) run on the same studio version, this is the latest version 3.24083. It has been present for a couple of months now, so the studio has been through multiple versions.

We were able to identify a difference between the 2 apps in published versions. When we open the app in the browser and inspect the html, we have noticed that there is a CSS rule “animation-name: css-155” that is only present in the blurry app. See screenshot below:

@.*** If we manual disable this rule in the inspector the blurriness disappears, however we don’t have access to the CSS from the studio. We have no idea why this rule is there and how it has got there, but we would like to be able to disable it.

We are in contact with Microsoft for this issue, but no solution is given yet and they keep referring to you.

Hopefully, I have given you sufficient information regarding this issue, but if you have any questions, please let me know. Hope to hear from you soon.

Kind regards,

Jimmie van Vliet • RPA/App Consultant +31 (0)6 82 26 34 34 @.*** Landjuweel 3 • 3905 PE Veenendaal +31 318 25 02 20 • peacock-ia.nlhttp://www.peacock-ia.nl/

From: Denise @.> Sent: Friday, August 30, 2024 3:13 AM To: microsoft/powercat-creator-kit @.> Cc: Jimmie J.R. van Vliet @.>; Mention @.> Subject: Re: [microsoft/powercat-creator-kit] [BUG]: Fluent Detail list blurriness (Issue #477)

You don't often get email from @.**@.>. Learn why this is importanthttps://aka.ms/LearnAboutSenderIdentification

@PeacockIADevhttps://github.com/PeacockIADev are you seeing the blurriness in the player as well, or is this happening in studio? Can you also please share the power apps studio version you're seeing this in?

— Reply to this email directly, view it on GitHubhttps://github.com/microsoft/powercat-creator-kit/issues/477#issuecomment-2319608403, or unsubscribehttps://github.com/notifications/unsubscribe-auth/BGGOK7MZKLY6LSLID25V52DZT7BKDAVCNFSM6AAAAABJ3OXQN6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGMJZGYYDQNBQGM. You are receiving this because you were mentioned.Message ID: @.**@.>>