focus-svelte
focus-trap
focus-svelte | focus-trap | |
---|---|---|
6 | 3 | |
28 | 1,298 | |
- | 0.8% | |
0.0 | 9.1 | |
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
-
Introducing the popover API (you can now build popovers without using javascript)
Is this not already possible with focus-trap-react and focus-trap?
-
GitHub - Grail UI: A headless UI library for Svelte & Sveltekit
Well it's using https://github.com/focus-trap/focus-trap under the hood and this package has an option `allowOutsideClick` which is false by default, but if you need this behavior you can use this configuration.
-
Some thoughts after a few months of working on Svelte projects in my spare time.
Not an exciting answer, but I deferred to a library here:https://github.com/focus-trap/focus-trap
What are some alternatives?
focus-trap-react - A React component that traps focus
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.
svemix - The Full-Stack addition to SvelteKit. Write your server code inside svelte files, handle sessions, forms and SEO easily.
houdini - The disappearing GraphQL client
grail-ui - A library of accessible component primitives, actions and utilities for Svelte.
houdini - Hundreds of Offensive and Useful Docker Images for Network Intrusion. The name says it all.
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.
web-dialog - A highly accessible, customizable and lightweight dialog
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