Skip to content

Commit

Permalink
Justintaddei/issue686 activate on key press (#783)
Browse files Browse the repository at this point in the history
* chore: update all deps to latest

* feat: active wave on synthetic clicks

* docs: update README to mention keyboard support
  • Loading branch information
justintaddei authored Sep 11, 2024
1 parent 8fe8e82 commit 11b6e6c
Show file tree
Hide file tree
Showing 4 changed files with 512 additions and 541 deletions.
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ The material-ripple directive for Vue that actually works
- It works ([see for yourself](https://justintaddei.github.io/v-wave)).
- The wave appears on `pointerdown` instead of `pointerup`
_(you might think that's an obvious choice... but you'd be wrong)._
- The wave responds to keyboard events on keyboard-accessible elements (i.e. <kbd>Enter</kbd> and <kbd>Space</kbd> on `<button>`).
- There is a small delay before the ripple appears, during which the animation will be canceled if the user moves the pointer (e.g. scrolling on a mobile phone). This is similar to how native Android ripples work.
- Uses CSS transforms instead of `width` and `height`.
- Doesn't affect the appearance of the element you apply it to (won't explode when used on an element with `display: flex`).
Expand Down
18 changes: 9 additions & 9 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -22,21 +22,21 @@
},
"devDependencies": {
"@biomejs/biome": "1.8.3",
"@commitlint/cli": "^19.3.0",
"@commitlint/config-conventional": "^19.2.2",
"@vitest/coverage-v8": "^2.0.1",
"husky": "^9.0.11",
"@commitlint/cli": "^19.4.1",
"@commitlint/config-conventional": "^19.4.1",
"@vitest/coverage-v8": "^2.0.5",
"husky": "^9.1.5",
"jsdom": "^25.0.0",
"tsup": "^8.1.0",
"typescript": "^5.5.2",
"vitest": "^2.0.1",
"vue": "^3.4.30"
"tsup": "^8.2.4",
"typescript": "^5.6.2",
"vitest": "^2.0.5",
"vue": "^3.5.4"
},
"peerDependencies": {
"vue": "^2.0.0 || ^3.0.0"
},
"dependencies": {
"@nuxt/kit": "^3.12.2"
"@nuxt/kit": "^3.13.1"
},
"repository": {
"type": "git",
Expand Down
Loading

0 comments on commit 11b6e6c

Please sign in to comment.