focus-svelte
focus-trap-react
focus-svelte | focus-trap-react | |
---|---|---|
6 | 1 | |
28 | 695 | |
- | 0.4% | |
0.0 | 9.3 | |
about 2 months ago | 3 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
focus-svelte
-
Why does the recommendations of ARIA Authoring Practices Guide for dialogs/modals encourage the use of capturing the tabbing keyboard events?
If you're curious, https://github.com/chanced/focus-svelte/blob/main/src/lib/action/focus.ts
I'm not sure I follow. I wouldn't expect the logic for the modal to manually go through and flag each applicable element. For example, I have this focus-trap package which toggles and maintains tabindex for elements outside of the trap.
-
Some thoughts after a few months of working on Svelte projects in my spare time.
In the future, if you need one, check out https://github.com/chanced/focus-svelte (see my reply below for more info or just hit up the repo)
- focus-svelte: focus lock for svelte
focus-trap-react
-
Why I Re-Wrote the focus-trap-react Test Suite Using React Testing Library
One of my 2021 goals is to contribute more to open source. I got a head start in December of 2020 by re-writing the test suite for the focus-trap-react npm package using React Testing Library. Here’s my merged pull request.
What are some alternatives?
svemix - The Full-Stack addition to SvelteKit. Write your server code inside svelte files, handle sessions, forms and SEO easily.
hookable - 🪝 Awaitable Hooks
houdini - The disappearing GraphQL client
focus-trap - Trap focus within a DOM node.
houdini - Hundreds of Offensive and Useful Docker Images for Network Intrusion. The name says it all.
web-dialog - A highly accessible, customizable and lightweight dialog
sveltekit-graphql-fetch - SvelteKit GraphQL queries using fetch only: how you can drop Apollo client and urql dependencies altogether to make your Svelte app leaner.
TanStack Query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
svelte-query - Performant and powerful remote data synchronization for Svelte
changelog-focus - Dev tool to aggregate and focus on the changelog relevant to your codebase