svelte-datepicker
svelte-datepicker copied to clipboard
A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.
Hi, when running npm run build, I get these messages:
> vite build
vite v3.1.8 building for production...
transforming (23) node_modules\@sveltejs\kit\src\runtime\client\utils.js13:52:22 [vite-plugin-svelte] D:/work/nodejs/rstail/node_modules/@beyonk/svelte-datepicker/src/components/Popover.svelte:69:2 A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.
67: <svelte:window bind:innerWidth={w} />
68: <div class="sc-popover" bind:this={popover}>
69: <div class="trigger" on:click={doOpen} bind:this={triggerContainer}>
^
70: <slot name="trigger">
71: </slot>
transforming (91) node_modules\svelte\easing\index.mjs13:52:22 [vite-plugin-svelte] D:/work/nodejs/rstail/node_modules/@beyonk/svelte-datepicker/src/components/view/time-view/Chevron.svelte:1:0 A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.
1: <span class="chevron" class:bottom={!up} on:click></span>
^
2:
3: <script>
transforming (96) node_modules\@beyonk\svelte-datepicker\src\components\view\date-view\date-comparison.js
🌼 daisyUI components 2.31.0 https://github.com/saadeghi/daisyui
✔︎ Including: base, components, themes[29], utilities
✓ 111 modules transformed.
vite v3.1.8 building SSR bundle for production...
transforming (43) node_modules\@beyonk\svelte-datepicker\src\calendar-style.js13:52:25 [vite-plugin-svelte] D:/work/nodejs/rstail/node_modules/@beyonk/svelte-datepicker/src/components/Popover.svelte:69:2 A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.
67: <svelte:window bind:innerWidth={w} />
68: <div class="sc-popover" bind:this={popover}>
69: <div class="trigger" on:click={doOpen} bind:this={triggerContainer}>
^
70: <slot name="trigger">
71: </slot>
transforming (84) node_modules\svelte\easing\index.mjs13:52:25 [vite-plugin-svelte] D:/work/nodejs/rstail/node_modules/@beyonk/svelte-datepicker/src/components/view/time-view/Chevron.svelte:1:0 A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event.
1: <span class="chevron" class:bottom={!up} on:click></span>
^
2:
3: <script>
package.json
{
"name": "ReleaSure",
"version": "2.0.0",
"private": true,
"scripts": {
"dev": "vite dev",
"build": "vite build",
"preview": "vite preview",
"cert": "rm -rf .cert && mkdir -p .cert && mkcert -key-file ./.cert/key.pem -cert-file ./.cert/cert.pem 'localhost'",
"lint": "prettier --plugin-search-dir . --check .",
"format": "prettier --plugin-search-dir . --write ."
},
"devDependencies": {
"@beyonk/svelte-datepicker": "^12.0.1",
"@sveltejs/adapter-auto": "next",
"@sveltejs/kit": "next",
"@tailwindcss/typography": "^0.5.7",
"autoprefixer": "^10.4.12",
"postcss": "^8.4.18",
"prettier": "^2.7.1",
"prettier-plugin-tailwindcss": "^0.1.13",
"svelte": "^3.44.0",
"svelte-multiselect": "^7.1.0",
"tailwindcss": "^3.1.8",
"vite": "^3.1.0"
},
"type": "module",
"dependencies": {
"daisyui": "^2.31.0",
"undici": "^5.11.0"
}
}