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.

![](src/assets/preview-2021-04-01_4-35-18.png)

## 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)