focus-svelte
web-dialog
focus-svelte | web-dialog | |
---|---|---|
6 | 1 | |
28 | 44 | |
- | - | |
0.0 | 0.0 | |
about 2 months ago | almost 3 years ago | |
TypeScript | TypeScript | |
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
web-dialog
-
Replacing paper-dialog with web-dialog
web-dialog tag - https://github.com/andreasbm/web-dialog
What are some alternatives?
focus-trap-react - A React component that traps focus
react-spring-bottom-sheet - Accessible ♿️, Delightful ✨, & Fast 🚀
svemix - The Full-Stack addition to SvelteKit. Write your server code inside svelte files, handle sessions, forms and SEO easily.
react-modal-sheet - Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind 🪐
houdini - The disappearing GraphQL client
houdini - Hundreds of Offensive and Useful Docker Images for Network Intrusion. The name says it all.
react-useportal - 🌀 React hook for Portals
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.
github-user-wc - Example of Lit component
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.
focus-trap - Trap focus within a DOM node.