mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
fix(number-input): forward keydown, keyup events (#1424)
Fixes #1421 `NumberInput` should forward the keydown and keyup events like other input components.
This commit is contained in:
parent
cae4629b98
commit
7fe9b39436
5 changed files with 10 additions and 0 deletions
|
@ -2512,6 +2512,8 @@ export type NumberInputTranslationId = "increment" | "decrement";
|
||||||
| mouseover | forwarded | -- |
|
| mouseover | forwarded | -- |
|
||||||
| mouseenter | forwarded | -- |
|
| mouseenter | forwarded | -- |
|
||||||
| mouseleave | forwarded | -- |
|
| mouseleave | forwarded | -- |
|
||||||
|
| keydown | forwarded | -- |
|
||||||
|
| keyup | forwarded | -- |
|
||||||
| focus | forwarded | -- |
|
| focus | forwarded | -- |
|
||||||
| blur | forwarded | -- |
|
| blur | forwarded | -- |
|
||||||
| paste | forwarded | -- |
|
| paste | forwarded | -- |
|
||||||
|
|
|
@ -7779,6 +7779,8 @@
|
||||||
{ "type": "forwarded", "name": "mouseover", "element": "div" },
|
{ "type": "forwarded", "name": "mouseover", "element": "div" },
|
||||||
{ "type": "forwarded", "name": "mouseenter", "element": "div" },
|
{ "type": "forwarded", "name": "mouseenter", "element": "div" },
|
||||||
{ "type": "forwarded", "name": "mouseleave", "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": "focus", "element": "input" },
|
||||||
{ "type": "forwarded", "name": "blur", "element": "input" },
|
{ "type": "forwarded", "name": "blur", "element": "input" },
|
||||||
{ "type": "forwarded", "name": "paste", "element": "input" }
|
{ "type": "forwarded", "name": "paste", "element": "input" }
|
||||||
|
|
|
@ -204,6 +204,8 @@
|
||||||
{...$$restProps}
|
{...$$restProps}
|
||||||
on:change="{onChange}"
|
on:change="{onChange}"
|
||||||
on:input="{onInput}"
|
on:input="{onInput}"
|
||||||
|
on:keydown
|
||||||
|
on:keyup
|
||||||
on:focus
|
on:focus
|
||||||
on:blur
|
on:blur
|
||||||
on:paste
|
on:paste
|
||||||
|
|
|
@ -19,6 +19,8 @@
|
||||||
on:change="{(e) => {
|
on:change="{(e) => {
|
||||||
console.log(e.detail); // null | number
|
console.log(e.detail); // null | number
|
||||||
}}"
|
}}"
|
||||||
|
on:keydown
|
||||||
|
on:keyup
|
||||||
on:paste
|
on:paste
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
2
types/NumberInput/NumberInput.svelte.d.ts
vendored
2
types/NumberInput/NumberInput.svelte.d.ts
vendored
|
@ -148,6 +148,8 @@ export default class NumberInput extends SvelteComponentTyped<
|
||||||
mouseover: WindowEventMap["mouseover"];
|
mouseover: WindowEventMap["mouseover"];
|
||||||
mouseenter: WindowEventMap["mouseenter"];
|
mouseenter: WindowEventMap["mouseenter"];
|
||||||
mouseleave: WindowEventMap["mouseleave"];
|
mouseleave: WindowEventMap["mouseleave"];
|
||||||
|
keydown: WindowEventMap["keydown"];
|
||||||
|
keyup: WindowEventMap["keyup"];
|
||||||
focus: WindowEventMap["focus"];
|
focus: WindowEventMap["focus"];
|
||||||
blur: WindowEventMap["blur"];
|
blur: WindowEventMap["blur"];
|
||||||
paste: DocumentAndElementEventHandlersEventMap["paste"];
|
paste: DocumentAndElementEventHandlersEventMap["paste"];
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue