@ambitious-knife-25690 Why in some cases you add the clipQuad to parentComponent's visual and sometimes to the local visual?

root element doesn't have a parent so its null

that situation should only ever occur once

but if it does occur it will be a null error

for the rest of the components they all work by adding to the parent

I couldn't seem to get it to work if I had the clip rect added to itself

wont this.visual always be non-null though? Cant you just add the clipQuad regardless? I presume the clipping is basically like masking?

that's what it seems like

if I have the cliprect always set to

this.clipRect

then the button boxes/scrollviews don't work

i more mean, why not just this:

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

it results in this

(adding the clip rect to

this.visual

)

oh, right, i see, in normal circumstances you are masking the parent

still not convinced that is correct though, i mean, the clip rect is supposed to apply to "this" component, not the parent

it may be why you are getting some oddities

how does ceramic know this quad is the for masking?

by setting

visual.clip

this.clipQuad

is a get/setter for that

gotcha

isnt it weird / wrong that in are setting this.visual.clip = x but then adding the clipQuad to the parent?

ie, shouldnt

this.clipQuad = new Quad();

be

this.parentComponent.clipQuad = new Quad();

?

though it still seems off to me that you have to set it on the parentComponent, but maybe im not understanding something in the backend / ceramic

i could try that

it makes sense to have the clip quad in the parent

because it's expected that a visual and the clipping quad used to clip the former share the same parent

but setting an inside components clip quad to the parents main clip seems odd

right, that clears that up then 🙂

@billowy-waiter-28954 - i assume the parent of the clip and the visual should also be the same?

i think this is wrong, but not sure:

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

xml
<vbox>
  <box width="20" height="20" />
  <box width="200" height="200" />
</vbox>

wouldn't the parent's clip be set to 200 x 200