Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

A11y: visible, non-interactive elements with an on:click event must be accompanied by an on:keydown, on:keyup, or on:keypress event. #63

Open
shadowempire123 opened this issue Oct 20, 2022 · 0 comments

Comments

@shadowempire123
Copy link

shadowempire123 commented Oct 20, 2022

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"
	}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant