Understanding how Bricks renders Elements: code block filter some data

Bricks: 1.10.3
WP: 6.6.2
Theme: Bricks Child 1.1

What I’m trying to do:

I’m creating my 2nd Bricks Element. It takes a block of code from an ACF textare field (repeater) and echos it. JS styles it with highlight.js.

I have 1 issue and 1 curiousity.

The issue:

I use WPCS. So if I paste in a block of php, it’s going to start with “<?php” and a docblock. Those 2 elements are removed from the top of the text some times.

I have not been able to figure out the pattern. Do you know what it is?

The curiousity

The highlight.js theme works perfectly on the front end as does my CSS.

The theme does not work in the Builder (but my CSS does).

Why is that?

Thanks!

Link to the code: bricks-element-test/element.php at main · jwrobbs/bricks-element-test · GitHub

Update:

I mirrored the output in the native Bricks Code Element. The text is identical. When “<?php” shows up in 1, it shows in both. When it’s missing, it’s missing in both.