mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-14 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(number-input): forward keydown, keyup events (#1424)

Browse source 
Fixes #1421

`NumberInput` should forward the keydown and keyup events like other input components.
This commit is contained in:
metonym 2022-08-05 04:50:40 -07:00 • committed by GitHub
commit 7fe9b39436
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 10 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
COMPONENT_INDEX.md
View file

@ -2512,6 +2512,8 @@ export type NumberInputTranslationId = "increment" | "decrement";
| mouseover | forwarded | -- |
| mouseenter | forwarded | -- |
| mouseleave | forwarded | -- |
| keydown | forwarded | -- |
| keyup | forwarded | -- |
| focus | forwarded | -- |
| blur | forwarded | -- |
| paste | forwarded | -- |

2
docs/src/COMPONENT_API.json
View file

@ -7779,6 +7779,8 @@
{ "type": "forwarded", "name": "mouseover", "element": "div" },
{ "type": "forwarded", "name": "mouseenter", "element": "div" },
{ "type": "forwarded", "name": "mouseleave", "element": "div" },
{ "type": "forwarded", "name": "keydown", "element": "input" },
{ "type": "forwarded", "name": "keyup", "element": "input" },
{ "type": "forwarded", "name": "focus", "element": "input" },
{ "type": "forwarded", "name": "blur", "element": "input" },
{ "type": "forwarded", "name": "paste", "element": "input" }

2
src/NumberInput/NumberInput.svelte
View file

@ -204,6 +204,8 @@
{...$$restProps}
on:change="{onChange}"
on:input="{onInput}"
on:keydown
on:keyup
on:focus
on:blur
on:paste

2
tests/NumberInput.test.svelte
View file

@ -19,6 +19,8 @@
on:change="{(e) => {
console.log(e.detail); // null | number
}}"
on:keydown
on:keyup
on:paste
/>

2
types/NumberInput/NumberInput.svelte.d.ts vendored
View file

@ -148,6 +148,8 @@ export default class NumberInput extends SvelteComponentTyped<
mouseover: WindowEventMap["mouseover"];
mouseenter: WindowEventMap["mouseenter"];
mouseleave: WindowEventMap["mouseleave"];
keydown: WindowEventMap["keydown"];
keyup: WindowEventMap["keyup"];
focus: WindowEventMap["focus"];
blur: WindowEventMap["blur"];
paste: DocumentAndElementEventHandlersEventMap["paste"];