Drawing pad takes up entire window #67

Running the drawing pad on NS8, Angular, using the iOS emulator.

Verbatim basic implementation as per documentation. And when you show the component, it takes up the entire screen, no scrolling is present, and you can't get to the buttons (or anything else "behind the drawing pad").

Changing height changes the height of the drawing container, and leaves the rest of the screen blank (white).

And rearranging the DrawingPad to sit inside a StackLayout / GridLayout changes nothing.

Funny side effect - when simply removing the HTML part of the code, it also has no effect - the drawing pad remains.

Only after removing the "registerEliment('DrawingPad', () => DrawingPad)" does it go away.

Also, editing the default pen width and color has no effect.

I've managed to globally select the DrawingPad element and style it's border and background color (woop woop).

Any ideas?

Ex of the HTML view

<GridLayout rows="42, *, auto">

    <Label row="0" text="Signature Pad Header" style="border-width: 3; border-color: blue;  height: 100%; background-color: aquamarine;"></Label>

    <StackLayout row="1" height="300">
        <DrawingPad
            #DrawingPad
            height="300"
            id="drawingPad"
            >
        </DrawingPad>
    </StackLayout>

    <FlexboxLayout row="2" class="flex-between p-4" backgroundColor="lightgray">
        <Button text="Get Drawing" (tap)="getMyDrawing()"></Button>
        <Button text="Clear Drawing" (tap)="clearMyDrawing()"></Button>
    </FlexboxLayout>

</GridLayout>