`this` type in define helper is too strict #6

New issue

Closed

opened 2026-01-13 15:15:41 +00:00 by endeavorance · 1 comment

endeavorance commented

2026-01-13 15:15:41 +00:00

Owner

Inherited HTMLElement properties are not showing as valid via TypeScript evaluation when defining functions using the define() helper. As such, you cannot use this.hasAttribute without casting this first.

Minimum reproduction

define("some-component", {
  script() {
    console.log(this.hasAttribute("example")); // TypeScript will flag this
  }
});

Inherited HTMLElement properties are not showing as valid via TypeScript evaluation when defining functions using the `define()` helper. As such, you cannot use `this.hasAttribute` without casting `this` first. ## Minimum reproduction ``` define("some-component", { script() { console.log(this.hasAttribute("example")); // TypeScript will flag this } }); ```

endeavorance added the

bug

label

2026-01-13 15:15:41 +00:00

endeavorance added this to the 0.2.0 milestone

2026-01-13 15:16:01 +00:00

endeavorance commented

2026-01-13 16:28:47 +00:00

Author

Owner

Red herring: this only occurs when there is no "DOM" lib configured in tsconfig

Closing, but should consider a warning if not configured properly. Also should make a template with the correct configs.

Red herring: this only occurs when there is no "DOM" lib configured in `tsconfig` Closing, but should consider a warning if not configured properly. Also should make a template with the correct configs.

endeavorance closed this issue

2026-01-13 16:28:47 +00:00