svelte-datepicker icon indicating copy to clipboard operation
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.

Open shadowempire123 opened this issue 3 years ago • 0 comments

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"
	}
}

shadowempire123 avatar Oct 20 '22 11:10 shadowempire123