Skip to content

Commit

Permalink
docs(README): Known issues
Browse files Browse the repository at this point in the history
Closes #93
  • Loading branch information
danilowoz committed Jan 28, 2019
1 parent 98c56ee commit df69dd0
Showing 1 changed file with 8 additions and 3 deletions.
11 changes: 8 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -226,7 +226,7 @@ Fork the repo then clone it

## Known Issues

##### **Safari / iOS**
##### **Alpha is not working: Safari / iOS**

When using `rgba` as a `primaryColor` or `secondaryColor` value, [Safari does not respect the alpha channel](https://github.com/w3c/svgwg/issues/180), meaning that the color will be opaque. To prevent this, instead of using an `rgba` value for `primaryColor`/`secondaryColor`, use the `rgb` equivalent and move the alpha channel value to the `primaryOpacity`/`secondaryOpacity` props.

Expand All @@ -238,13 +238,18 @@ When using `rgba` as a `primaryColor` or `secondaryColor` value, [Safari does no

```

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

```
##### **Black box in Safari / iOS (again)**

Using base tag on a page that contains SVG elements fails to render, it looks like a black box. Just remove the **base-href** tag from `<head />` and issue solved. ![black box](https://user-images.githubusercontent.com/11562881/39406054-2f308de6-4bce-11e8-91fb-bbb35e29fc10.png)

See: [#93](https://github.com/danilowoz/react-content-loader/issues/93) / [109](https://github.com/danilowoz/react-content-loader/issues/109)

0 comments on commit df69dd0

Please sign in to comment.