Question How do you make an element draw outside of its parent element's box?

If we look at Shader Graph in the UIToolkit debugger, we see something strange. Here's an input port with its box highlighted:



And here's the PortInputView element (the X: 0 editor to the left of it) with its box highlighted:


This box is almost entirely outside of its parent box, but everything draws as expected.

I'm trying to duplicate this effect in my own project. But when I try to show the editor element, nothing outside of the parent box gets drawn:


There has to be some style property somewhere that I'm missing, but I don't know what it is; even copying the Shader Graph stylesheet files wholesale into my project does not cause this to draw correctly. Does anyone know what it is that allows the editor element to draw outside of its parent's box?

 

...anybody? Someone here has to understand this stuff.

 

Do you have the overflow style property set to visible in all the parent elements?

 

No. But after looking at it in the UI debugger, that turned out to be the issue. In ShaderGraph, the VisualElement tagged #node-border has Overflow: Visible, while in my version it was Overflow: Hidden. Changing that makes it work. Thanks!