Skip to content

bug: Attribute onSelect is missing on InputHTMLAttributes and TextareaHTMLAttributes #4617

@cam-narzt

Description

@cam-narzt

Prerequisites

Stencil Version

4.0.2

Current Behavior

The onSelect attribute doesn't exist in the JSX types for the input and textarea elements, causing a failed build when using this attribute unless I use // @ts-expect-error to suppress the error.

Expected Behavior

The attribute onSelect should exist for JSXBase.InputHTMLAttributes<HTMLInputElement> and JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement> and be an event handling function with signature (event: Event) => void, causing there to be no TypeScript error when building the application.

System Info

`npx stencil info` doesn't seem to work on node 20 or 18...


$ npx stencil info
/Users/camdennarzt/Developer/Javascript/stencil/sys/node/index.js:4935
 const r = e.process, n = createTerminalLogger({
             ^

TypeError: Cannot read properties of undefined (reading 'process')
    at exports.createNodeLogger (/Users/camdennarzt/Developer/Javascript/stencil/sys/node/index.js:4935:14)
    at Object.<anonymous> (/Users/camdennarzt/Developer/Javascript/stencil/bin/stencil:42:26)
    at Module._compile (node:internal/modules/cjs/loader:1233:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1287:10)
    at Module.load (node:internal/modules/cjs/loader:1091:32)
    at Module._load (node:internal/modules/cjs/loader:938:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:83:12)
    at node:internal/main/run_main_module:23:47

Node.js v20.5.0
$ npx stencil info
/Users/camdennarzt/Developer/Javascript/stencil/sys/node/index.js:4935
 const r = e.process, n = createTerminalLogger({
             ^

TypeError: Cannot read properties of undefined (reading 'process')
    at exports.createNodeLogger (/Users/camdennarzt/Developer/Javascript/stencil/sys/node/index.js:4935:14)
    at Object.<anonymous> (/Users/camdennarzt/Developer/Javascript/stencil/bin/stencil:42:26)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:23:47

Node.js v18.17.0


### Steps to Reproduce

Add `onSelect` attribute to an `<input>` or `<textarea>` element in a stencil component.

### Code Reproduction URL

https://github.com/cam-narzt/demo-stencil-bug

### Additional Information

I already created a PR to fix this: https://github.com/ionic-team/stencil/pull/4616

Metadata

Metadata

Assignees

Labels

Bug: ValidatedThis PR or Issue is verified to be a bug within Stencil

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions