clipping child with sizebox

I’m trying to make a sort of map with bounds so what I have right now is a widget with a size box with an background image. I also have a widget with the hexagons tiles in it (the game will be made out of hexagons). The thing is that I want my map to move up and down depending on the player. So I add the widget to the widget with the size box and set the location of the child in the viewport

339938-child.png

.

The issue if the child widget gets out of the size box it still gets drawn (the yellowish part is the size box).

339939-outsidesizebox.png

.
I checked tried all the clipping settings for the size box but none of them work. Also i made sure that the size box is not getting bigger by setting the width and height override.

339941-widthheightoverride.png

So my question is how do i clip the child widgets from the sizebox