Why the blur effect is not working on the UWP WebView app on XBOX?

Tharun Koti · Jul 10, 2023

Currently, I'm trying to use my web source URL to develop an UWP webview app on VS2022.

In my web source URL we're using the different stylings for dir='rtl' for arabic language so when I run the code on the normal browser everything is working fine. But when I run it on XBOX using the local/remote machine method the 'rtl' styles are not working as expected.

I've tried making a lot of changes to CSS but still facing the issue with the styling part used by the dir='rtl'. All the text is shown from right to left but the image styles for -webkit-mask-image is not working as expected.

This is working as expected on the edge browser but not on the XBOX UWP WebView app.

@include rtl(
-webkit-mask-image,
-webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 1) 25%),
-webkit-linear-gradient(right, transparent, rgba(0, 0, 0, 1) 25%)
);
@include rtl(
mask-image,
linear-gradient(right, #060011 34%, rgba(0, 0, 0, 0.1) 18%, rgba(0, 0, 0, 0) 0%),
linear-gradient(left, #060011 34%, rgba(0, 0, 0, 0.1) 18%, rgba(0, 0, 0, 0) 0%)
);
Click to expand...

Here the styles were given as the image should get blurred on the right side and should visible properly on the left side. But when I run this on local/remote machine the total image is getting blurred.

Is there any work around that can be used to make this property work as expected.

:)

CarTzy

Hi Tharun Koti, it really is important for us to get this worked on so you can get back to what you are doing. However, it would be more beneficial if we raised this concern with Microsoft Developer Center, and since you’ve reached us first, we’ll ensure that your time is worth it by guiding you in the right direction where you can achieve your desired resolution. We would like to provide you with this link where you can submit your concern to our Microsoft Developer Center Forum. We are positive that you’ll get more relevant information and the best resolution to your concern.

CarTzy

Hello Tharun Koti,

Sorry for the confusion, Please visit Microsoft Learn - Microsoft Community Hub and login with your Microsoft account. Then Click Start a Discussion.

Tharun Koti

@CarTzy, I'm not able to post a question into the forum since the link that has been provided in the above comment so can I get the exact method how I can post a question on this Forum.

Mae Sev.

Really appreciate you for the response, Tharun Koti.

Based on the information you added, it seems that this issue we have should discussed through this link Microsoft supported products on Q&A | Microsoft Learn. There, you can share this and ask an IT expert in relation to this issue.

I hope this helps.

Regards,

Mae Sev.

Hello Tharun Koti,

We haven't heard from you in 72 hours, so we will consider your issue resolved. If you do need further help, please create a new thread to discuss your concerns through this link: Create a new question or start a new discussion (microsoft.com), as we will not be monitoring this thread going forward.

Thank you for understanding.

Respectfully,

Microsoft Moderator

Why the blur effect is not working on the UWP WebView app on XBOX?