CODEWITHSUNDEEP
androidwebviewandroid-webviewbox-shadow
Ramin Rabii
Ramin Rabii

Reputation: 398

Webview Box-Shadow rendering issue

I have a simple standard webview in my android app and when loading a web site the box-shadows are not showing up. It just shows all elements without box-shadow. However, android chrome browser shows all box-shadows with no issue.

here below i attached two screenshots from my webview and android chrome browser that shows the map box-shadow is perfectly rendered in chrome.

enter image description here

enter image description here

Kind Regards Ramin

Upvotes: 0

Views: 1051

Answers (2)

Betty
Betty

Reputation: 572

According to https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-shadow, Android Webview's support of inset is implemented with the vendor prefix: -webkit-

So I guess you need to use -webkit-box-shadow.

Upvotes: 0

Vishal Roy
Vishal Roy

Reputation: 70

Can you please attach an image so that I can give you a better answer.

As I guess the shadow is not forming due to lower API level. You should at least use Android lollipop as minimum to get the shadow effect.

Upvotes: 1

Related Questions