How to call original callback of component ?

[djobet]

Say I create a dialog that holds a TextEdit.
I would like to be able to close the Dialog when hitting the "Escape" key.
So I'd like to write something like this :

export component PastePgnDialog inherits Dialog {
    out property <string> text: te.text;

    forward-focus: te;
    te := TextEdit {
        min-width: 200px;
        min-height: 300px;
        edited(t) => {
            text = t;
        }
        key-pressed(event) => {
            if (event.text == Key.Escape) {
                cxl_btn.clicked();
                accept;
            }
            self.key-pressed(event); // <== this is not self obviously
        }
    }
    StandardButton { kind: ok; }
    cxl_btn := StandardButton { kind: cancel; }
}

Of course, this cannot be "self" in the comment above.
Is there a way to do this ?

[djobet]

Actually, I just found out that TextEdit could be a child of FocusScope :

export component PastePgnDialog inherits Dialog {
    out property <string> text: te.text;

    forward-focus: te;
    FocusScope {
        key-pressed(event) => {
            if (event.text == Key.Escape) {
                cxl_btn.clicked();
                accept;
            }
            te.key-pressed(event);
        }

        te := TextEdit {
            min-width: 200px;
            min-height: 300px;
            edited(t) => {
                text = t;
            }
        }
    }
    StandardButton { kind: ok; }
    cxl_btn := StandardButton { kind: cancel; }
}

This works