which would be incorrect

i think it should be:

haxe
            if (this.clipQuad == null) {
                if (this.parentComponent != null) {
                    this.parentComponent.clipQuad = new Quad();
                    this.parentComponent.clipQuad.visible = true;
                    this.parentComponent.visual.add(clipQuad);
                } else {
                    this.clipQuad = new Quad();
                    this.clipQuad.visible = true;
                    this.visual.add(clipQuad);
                }
            }

im not sure what you mean

I don't know how the rectangle is done for the clipping area

What is the origin of the clipping rectangle Ian?

the parent

vbox

clipping rect would be one of the two bounds

is it relative to the parent component or to our own child component?

your code above ian, results in this effect

its relative to the current component... so if you have, say, a component of 100x200, and the cliprect is 0,50,100,100, you would expect to see a 100x100 part of it, offset by 50 from the top

odd

so the clip quad has to be `add`ed to the visual, but the

.clip

has to be set on the parent? 🤔

@ambitious-knife-25690 Why to you subtract value.left and value.top on this.x/y in your code?

the contrary

... the clip quad has to be added to the parent, and the .clip property set on the child visual?

@ambitious-knife-25690 why is it not:

haxe
this.clipQuad.x = left + value.left;
this.clipQuad.y = top + value.top;

when the scroll bar moves right, the content needs to move left and vice verse

yeah

that's how i got what i've gotten so far tho

but thats not what is happening with your code though

not sure if it's "right"

it is

you add the clipQuad to the parent, so that both the clipQuad and the visual you want to clip are in the same space (same parent)

i set

this.visual.clip

to the quad and add the clip rect to

parent.visual.add(cliprect)

Then you hide the clipQuad (visible = false)

and assign it to the other

visual.clip

property

this is correct use of clipping in ceramic

But there is probably a problem with the position of the clip quad, that's all I can say

gotcha, yeah

and when you want to move the mask... you move the clipQuad?

yes