CustomEvent.detail is null when not defined

[GauBen]

CustomEvent.detail is defined as follows:

interface CustomEvent<T = any> extends Event {
    readonly detail: T;

	// ...
}

Source:

TypeScript-DOM-lib-generator/inputfiles/overridingTypes.jsonc

Lines 538 to 540 in 957eced

	"detail": {
	"overrideType": "T"
	}

This is slightly wrong as CustomEvent.detail defaults to null when not defined: Playground

The playground contains a fix I suggest: detail: T extends {} ? T : null

I'll open a PR referring to this issue

[HolgerJeromin]

What about this code?

new CustomEvent("myEvent", {  detail: false });

Edit: I am surprised but this seems to work with your PR, too.

JFYI: This is easier to debug in playground with instant type highlighting:

let A: RealDetailType<undefined>
//  ^?
let B: RealDetailType<void>
//  ^?
let C: RealDetailType<null>
//  ^?
let D: RealDetailType<string | undefined> 
//  ^?
let E: RealDetailType<boolean> 
//  ^?

[GauBen]

I didn't know about the ^? trick, thanks @HolgerJeromin!

I'm not sure to understand the problem with detail: false, as false is defined, new CustomEvent("e", { detail: false }).detail === false

[HolgerJeromin]

I thought false would not qualify T extends {} so the result would be null instead of T. But, yes this worked.
Sorry for the noise :)