html5 - Unwanted Viewport clipping even after scale with SVG -

I'm getting some unwanted clippings at the top of my viewport It seems that any part of an SVG element can be viewed from its viewport Even when it is extended it will be stopped even when it is extended. Is there a way to disable it in the third group to get this effect?

  & lt; Svg width = "400" height = "400" & gt; & Lt; Rect square = "bg" height = "100%" width = "100%" /> & Lt ;! - What do I get - & gt; & Lt; G conversion = "translation (0, 400) scale (1, -0.5)" & gt; & Lt; Svg x = "10%" y = "0px" width = "20%" height = "100%" & gt; & Lt; Rect x = "0" y = "350px" height = "100px" width = "100%" /> & Lt; / Svg & gt; & Lt; Svg x = "10%" y = "0px" width = "20%" height = "100%" & gt; & Lt; Rect x = "0" y = "0px" height = "100px" width = "100%" /> & Lt; / Svg & gt; & Lt; / G> & Lt ;! - How it looks with scale - & gt; & Lt; G conversion = "translation (0, 400) scale (1, -1)" & gt; & Lt; Svg x = "40%" y = "0px" width = "20%" height = "100%" & gt; & Lt; Rect x = "0" y = "350px" height = "100px" width = "100%" /> & Lt; / Svg & gt; & Lt; Svg x = "40%" y = "0px" width = "20%" height = "100%" & gt; & Lt; Rect x = "0" y = "0px" height = "100px" width = "100%" /> & Lt; / Svg & gt; & Lt; / G> & Lt ;! - What do I want - & gt; & Lt; G conversion = "translation (0, 400) scale (1, -1)" & gt; & Lt; Svg x = "70%" y = "0px" width = "20%" height = "100%" & gt; & Lt; Rect x = "0" y = "175px" height = "50px" width = "100%" /> & Lt; / Svg & gt; & Lt; Svg x = "70%" y = "0px" width = "20%" height = "100%" & gt; & Lt; Rect x = "0" y = "0px" height = "50px" width = "100%" /> & Lt; / Svg & gt; & Lt; / G> & Lt; / Svg & gt;    
 
 
 just add overflow = "visible"  
  & Lt; G conversion = "translation (0, 400) scale (1, -0.5)" & gt; & Lt; Svg x = "10%" y = "0px" width = "20%" height = "100%" overflow = "visible" & gt; & Lt; Rect x = "0" y = "350px" height = "100px" width = "100%" /> & Lt; / Svg & gt; & Lt; Svg x = "10%" y = "0px" width = "20%" height = "100%" overflow = "visible" & gt; & Lt; Rect x = "0" y = "0px" height = "100px" width = "100%" /> & Lt; / Svg & gt; & Lt; / G>