cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Frequent Visitor

PowerApps & Chrome - Blurr

When I pull up my Power App form in Chrome the form font/text is blurry. In the screenshot below the left screenshot is from Edge, the right is from Chrome (blurred).

 

I have tried the following to resolve the issue:

  1. Viewed the form in Internet Explorer and it displayed just fine.
  2. Had another user view in IE, Edge, and Chrome. Chrome is still blurry.
  3. https://productforums.google.com/forum/#!topic/chrome/kEw7Pa3bPdE
  4. https://productforums.google.com/forum/#!topic/chrome/HIICTp1EaJc
  5. Cleared Cache

LMonthCard.PNG

 

 

 

 

 

 

 

 

 

 

 

It seems that Chrome is the issue.

 

Any insight on how to resolve?

 

Thanks!

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted

When I have this type of problem I look at CSS.

 

Edge Text

 

Edge.png

Chrome Text

 

Chrome.png

Edge CSS

 

EdgeCSS.png

Chrome CSS

 

ChromeCSS.png

As you can see Edge CSS explicitely sets alpha value to 100%.  Chrome CSS doesn't set it.  I'm not sure what the default level is.  I suspect it is not 100%.  It looks faded to me.     

View solution in original post

23 REPLIES 23
Highlighted
Advocate II
Advocate II

Have received reports of the exact same thing happening since of Monday. Have also referred the users to open any P.apps in Edge instead.

Highlighted
Community Support
Community Support

Hi @JKnox,

 

I have made a test on my side and don't have the issue that you mentioned. 

 

Please take a try to reset your Chrome to default settings, then check if the issue is solved on your side.

 

In addition, please check and see if the following articles would help in your scenario:

https://support.google.com/chrome/answer/95290?hl=en

 

https://www.neatorama.com/2014/09/05/Chromes-Font-Looks-Blurry-to-You-Heres-How-To-Fix-It/

 

https://stackoverflow.com/questions/45051425/blurry-text-in-chrome-any-fix

 

You could also take a try to un-install the Chrome Browser on your side, and then re-install it again to check if the issue is solved.

 

Best regards,

Kris

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
Highlighted

@v-xida-msft Unfortunately none of these suggested resolutions worked. I tried all of them and still, PowerApps is blurry.

 

No other font or text in Chrome is blurry or distorted, only PowerApps.

Capture.PNG

Highlighted


@JKnox wrote:

@v-xida-msft Unfortunately none of this suggested resolutions worked. I tried all of them and still, PowerApps is blurry.

 

No other font or text in Chrome is blurry or distorted, only PowerApps.

Capture.PNG


 

We've had the same issue and to resolve did the following in Chrome:

 

1. Navigate to chrome://flags/

2. Find "LCD text antialiasing" and set it to disabled

3. Find "FontCache scaling" and set it to disabled

 

Also ensure your broswer is set to 100% zoom and double check your font colors to make sure they are not set to a different hue or transparency that is causing the color to change as well.

 

Best of luck!

 

Highlighted

@JRaasumaa Thanks for the additional steps. However, they did not work either. 

Highlighted


@JKnox wrote:

@JRaasumaa Thanks for the additional steps. However, they did not work either. 


 

 

Is the version of Chrome you are using the most recent? Version 67.0.3396.99

 

 

Highlighted

@JRaasumaa Yes, it's the current version.

Highlighted
Anonymous
Not applicable

I think the problem is microsoft new version of powerapps. Something change after 3.18061.12, because in this version text is ok, but after that its blurry.

Highlighted

Only thing that worked for me was to disable hardware acceleration on Google Chrome.

 Chrome > Settings

In the Search Settings type "Hardware Accelaration" and disable:

"Use hardware acceleration when available"

 

Smiley Happy

Helpful resources

Announcements
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

News & Announcements

Community Blog

Stay up tp date on the latest blogs and activities in the community News & Announcements.

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Community Highlights

Community Highlights

Check out the Power Platform Community Highlights

Top Solution Authors
Top Kudoed Authors
Users online (8,900)