Top <Image /> half is cut off

[mbrgm]

I encounter the following result of the css-layout example in all three Chrome Canary, Safari and Firefox. The same happens to my own images.

[mjohnston]

I noticed that too but haven't had a chance yet to look at it. I suspect it's related to a recent change I made to better animate images with transparency, which added an opaque background layer. now has 2 children: the background and the actual image. Guessing the flexbox styles are assigning them equal weight so they are stacked.

[mbrgm]

I have to admit I either could not reproduce or did not understand the problem described in #16. So I added this quick fix for my own use. One would have to layer the background layer and image properly to fix this issue, but this would involve calculating the position for absolute positioning manually.

Could the additional background layer be removed from the virtual dom and only be added when actually drawing on the canvas? I guess this would solve both problems?

[mbrgm]

I fixed this directly in the canvas drawing layer. Gonna submit the PR today after work.