[Pro] CSS3 Shadows missing on iOS

Freeway
1

I use the CSS3 Shadows Action quite often, but I am finding that the shadows aren’t showing up on my iOS8 iPad. This is not a new problem. They’ve never shown up, even when I was using iOS6 and iOS7.

Here’s the Action I’m talking about:

http://actionsforge.com/actions/css3-shadow

The really strange thing is, within the iOS Simulator, the shadows appear just fine! So why is it that on my actual iOS device, the shadows are missing?

I did a Google search and it would appear that others are getting CSS3 shadows (coders who don’t use Freeway, mind you) to appear on iOS devices. So could it be that the CSS3 Shadows Action itself is generating code that iOS doesn’t like?

Here’s an example page from my site:

http://www.kiramek.com/english/products/sciborg/hv200.html

Open that page in a browser on your computer and you will see that the page has a shadow (both sides and very bottom) and the YouTube video has a shadow (right side and bottom). If you have the iOS Simulator, you can verify the same. Now open that URL on Mobile Safari on your iOS device. You won’t see the left/right shadow (because Safari fills the width of the browser with the width of the page) but you can see the shadow at the very bottom is missing. You can also see the YouTube video shadow is missing.

Now consider the code that the CSS3 Shadows Action generates, for example, for the YouTube video:

.c3s-5-2-2-000000-0 { -webkit-box-shadow: 2px 2px 5px 0px #000000,
0px 0px 0px 0px #000000; -moz-box-shadow: 2px 2px 5px 0px
#000000, 0px 0px 0px 0px #000000; box-shadow: 2px 2px 5px 0px
#000000, 0px 0px 0px 0px #000000; behavior: url('/PIE.htc'); }

While Googling for code that others use to cast CSS3 shadows in iOS, they also include “rgba”. The CSS3 Shadows Action does not output any rgba. Could that be why iOS is not displaying the shadows?

Thanks,

James Wages

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

I can certainly see the shadows on the YT video and the bottom of the page on my iPhone running iOS 8.1.2

Haven’t tried the iPad yet.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Just checked on iPad and this appears to be a Portrait/Landscape thing.

Shadows in Portrait but not in Landscape.

Just heading out so no time to investigate.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Confirmed on my iPad too. I never noticed that the shadows display fine in portrait view on my iPad before because I almost never use it in that mode. But shadows are definitely broken in Landscape.

Shadows display fine in both modes in the iOS simulator.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options