SVG Cut File Svg Mask Not Working In Chrome Potoshop

SVG Cut File Svg Mask Not Working In Chrome Potoshop. It's not showing on the initial page load. I am testing snap svg and it's pretty nice svg library, but i cannot get it to work in chrome, but it's working ok in safari, firefox and opera. Github is home to over 50 million developers working together to host and review code, manage projects, and build software together. This is happening only in chrome (latest version). Even worst if the svg (or any wrapping div) are set to display none it wont work ( another problem tough). I have an svg vector object that consists of a few paths, some of which need to be masked. Var showmatrix = new snap.matrix(); I'm trying to mask with some svg path that is created dynamically with react. I feel like the problem. Correct results appear on browser window resize or check/uncheck of a style property from inspector. Var img, outer, mask, bnw, color, colormask; You can view the example on the staging. The problem is that the resulted html code doesn't render properly on chrome and safari immediately. Showmatrix.scale(1, 1, member.x + 130. Working on a project which is using a svg mask on the homepage hero component but for some reason the text in the mask only shows when i resize the window.