helpscout / hsds-react / 2015

94%

push

travis-ci

Avatar: Render fix for Safari (Mac/iOS) (#582)

This update fixes the Avatar image crop rendering for Safari on iOS and Mac OS.
The solution involved migrating the transition styles to a parent DOM node,
in this case, another wrapping `div`, instead of applying it directly on
the `div.image`.

To simplify the (pretty complex) Avatar component, `Avatar.Image` and `Avatar.Crop`
sub-components were created to contain the rendering logic for those pieces
of UI.

This has been tested on both Mac OS and iOS (iPhone 8).

3696 of 3696 branches covered (100.0%)

Branch coverage included in aggregate %.

45 of 45 new or added lines in 3 files covered. (100.0%)

7621 of 7621 relevant lines covered (100.0%)

277.87 hits per line