mix-blend-mode not working as expected

[tayfunerbilen]

I used this code to test library

<div></div>
<style>
body {
    background: #19191A;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    margin: 0;
}
div {
    width: 150px;
    height: 150px;
    background: #4F77FF;
    border-radius: 50%;
    margin-bottom: 50px;
    position: relative
}
div::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background: #F9E492;
    width: 75px;
    height: 125px;
    z-index: 1;
    mix-blend-mode: overlay;
}
</style>

Expected behavior

Actual behavior

Library version

current version

Browsers

• [ x ] Chrome 49+
• [ x ] Firefox 45+

any suggestion?

[rcobiella]

I'm experiencing the same problem here. Any workaround?

Thanks!