cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
JKnox
Level: Powered On

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
mogulman
Level 8

Re: PowerApps & Chrome - Blurr

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
KeesToor
Level: Powered On

Re: PowerApps & Chrome - Blurr

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.

Community Support Team
Community Support Team

Re: PowerApps & Chrome - Blurr

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.
JKnox
Level: Powered On

Re: PowerApps & Chrome - Blurr

@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
JRaasumaa
Level 10

Re: PowerApps & Chrome - Blurr


@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!

 

JKnox
Level: Powered On

Re: PowerApps & Chrome - Blurr

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

JRaasumaa
Level 10

Re: PowerApps & Chrome - Blurr


@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

 

 

JKnox
Level: Powered On

Re: PowerApps & Chrome - Blurr

@JRaasumaa Yes, it's the current version.

LeMan
Level: Powered On

Re: PowerApps & Chrome - Blurr

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.

dods
Level: Power Up

Re: PowerApps & Chrome - Blurr

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
thirdimage

Power Automate Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Power Platform World Tour

Find out where you can attend!

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

fifthimage

Microsoft Learn

Learn how to build the business apps that you need.

Top Kudoed Authors
Users Online
Currently online: 92 members 5,129 guests
Please welcome our newest community members: