https://github.com/maxzz/react-focus-within-menus
Study project: Exploring UX of the menu interactions.
https://github.com/maxzz/react-focus-within-menus
css react typescript
Last synced: about 1 month ago
JSON representation
Study project: Exploring UX of the menu interactions.
- Host: GitHub
- URL: https://github.com/maxzz/react-focus-within-menus
- Owner: maxzz
- Created: 2021-03-20T08:15:06.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-04-01T11:39:13.000Z (about 5 years ago)
- Last Synced: 2025-02-26T07:42:52.292Z (over 1 year ago)
- Topics: css, react, typescript
- Language: TypeScript
- Homepage: https://maxzz.github.io/react-focus-within-menus/
- Size: 508 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## About
Study project: Exploring UX of the menu interactions.

## Credits and References
* [caniusu :focus-within](https://caniuse.com/#feat=css-focus-within)
* [:focus-within](https://css-tricks.com/almanac/selectors/f/focus-within/)
* [Solved with CSS! Dropdown Menus](https://css-tricks.com/solved-with-css-dropdown-menus/)
* [In Praise of the Unambiguous Click Menu](https://css-tricks.com/in-praise-of-the-unambiguous-click-menu/)
* [The Clearfix](https://css-tricks.com/snippets/css/clear-fix/)
* [Closing on outside click](https://kittygiraudel.com/2021/03/18/close-on-outside-click/). [Demo](https://gorillas.io/en)
* [Framer Motion 4.1 levels up layout animations](https://twitter.com/mattgperry/status/1377289771035324425)