iOS renders a black block instead of loader for both custom and predefined presets.

[MortezaT]

I Checked the loader on different devices and it works very nice, but on my iPhone 6s it shows a black box instead of desired output

[NetanelBasal]

Can you help to debug it, please?

[MortezaT]

@NetanelBasal How can I help you with it?

[NetanelBasal]

I don't have a way to debug it in iPhone 6. Can you check the original repo for this issue?

[GerardoLSJ]

The solution is to change the HTML like in the original repo :

{/* Opaque color in Safari and iOS */}
<ContentLoader 
  primaryColor="rgba(0,0,0,0.06)" 
  secondaryColor="rgba(0,0,0,0.12)">


{/* Semi-transparent color in Safari and iOS */}
<ContentLoader 
  primaryColor="rgb(0,0,0)"
  secondaryColor="rgb(0,0,0)"
  primaryOpacity={0.06}
  secondaryOpacity={0.12}>

in this linea apparently

https://github.com/NetanelBasal/ngx-content-loader/blob/b71d908e28e3c57c0316c79cea45b0e7aab65d52/src/lib/src/content-loader.component.html#L14

But i haven't try

Here is the original issue and PR

danilowoz/react-content-loader#93

[NetanelBasal]

I would love to see PR copy these changes https://github.com/danilowoz/react-content-loader/pull/96/files. Otherwise, I'll do it when I'm available.

[NetanelBasal]

fixed in 1.0.3.

[vinayakpatil]

@NetanelBasal this is still reproducible with 1.0.3 in iOS