menu

Reakit

Toolkit for building accessible rich web apps with React

Channels
Team
Posts
Chat
Members
Info
down-caret
·249d·Pinned# General

Good support? Please, consider donating or asking your company to sponsor us ❤️

https://opencollective.com/reakit

thumbsup
4
message-simple
0

Reakit Nested Modal clicking outside Closes both dialogs issue

hello, I was wondering if anyone would be able to help me with an issue I am having: I am trying to create a nested modal that only closes one modal at a time when the area outside of the modal is clicked. The parent modal must also close when clicking outside if the nested…

thumbsup
2
message-simple
4

How to update form on data load?

Simple case that I can't solve in a simple way: useFormState() + updating values after loading them through useEffect() => values are not updated, thus leaving me with an empty form (use case here is a simple edit form). Any idea for doing this elegantly?

thumbsup
0
message-simple
6

Is there UI kit for using Reakit in Figma? Please help!

thumbsup
0
message-simple
2

Installing reakit with npm using the git repo

I recently fixed something in the reakit repo, and want to install reakit from that version. The only way to do this (that I know) is to depend on a specific commit hash on github. However, since this is a mono repo, this does not work. Is there a way to get this to work? The…

thumbsup
0
message-simple
4

Composing my own Menu how should I be applying positioning styles to…

I'm creating my own Menu component by importing and reexporting each Reakit Menu component so I can restyle them as needed. How should I be applying the absolute positioning of the Popover and Menu dropdown?

thumbsup
0
message-simple
5

Easy way to close a Popover from an element inside of the Popover?

Howdy! First off, thanks so much for this library. It's been a joy to work with thus far. One thing I'm hitting is that sometimes we have content inside of a Popover that gets clicked and I want it to close the Popover. I've attached a codesandbox to convey what I'm trying to…

thumbsup
0
message-simple
2

tabs question

is it possible to replace the Rover component in the Tab with custom components?

thumbsup
0
message-simple
10

Complex toolbar peformance

I noticed my button component used indside the toolbar triggers a lot of updates on simple events like clicking, mouseOver etc.... My main concern is when you mouseOver the menu item inside the toolbar, it can create a minor lag / delay (more noticeable with animations) I guess…

thumbsup
0
message-simple
4

Animated menu height

What's the proper way animate the height of the menu compoent? Since it will require to update the position on each change with menu.unstable_update();, this will affect peformance... https://codesandbox.io/s/reakit-animated-e4d48

thumbsup
0
message-simple
10

Clearing checkbox/radiobox selections from a menu

It's a-me again, with more simple and possibly dumb questions.. So I'm now setting initial values for a menu with unstable_values, e.g. I've const selection_menu = useMenuState({unstable_values: {items: checked_values}}); It has a bunch of checkboxes or radioboxes. How might I…

thumbsup
0
message-simple
4