menu

Reakit

Toolkit for building accessible rich web apps with React

Channels
Team
Posts
Members
Info

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

Menu animations

Is there any examples of how to use unstable_animated ? I'm not familiar with handling animations on react, also having some problems while animating the menu height. Using this transition breaks the position of the menu component since I'm updating the position when the height…

thumbsup
0
message-simple
9

Why MenuItem onMouseOver focuses the element

I don't understand the behavior that the MenuItem should be focused on "hover" (actually onMouseOver). What we want is a separate style for hover and focus.

thumbsup
0
message-simple
1

Register / unregister menu items (stops)

When I use conditional rendering for some menu items I get some warnings like this: However the menu navigation works fine. Is this handled internally by reakit ? How can I fix this warnings ?

thumbsup
0
message-simple
19

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

How to recalculate menu position?

My current menu implementation has a controlled height using the component state, the problem is that it doesn't update the styles for a new position until I resize the window. Is there anyway to force this update manually ?

thumbsup
0
message-simple
1

Setting the initial state of MenuItemCheckbox and Checkbox

Hi, Can I set the initial state of a checkbox to be checked/unchecked without needing to handle the state myself? E.g. if I do: <MenuItemCheckbox {...select_menu} checked={true} …

thumbsup
0
message-simple
6

Unclear how to update tooltip placement

Hi, I will like to update the tooltip placement by an external prop, I'm not sure how to update the tootlip state ? I know I can set the initial value like this: But it wont work if the prop changes, unfortunately the current layout / structure don't allow me to use the auto…

thumbsup
0
message-simple
6

How to use tooltip and menu on the same button ?

Hi, I'm trying to create a small button do display a settings menu. The problem is when I try to add a toolip is missing the style position, I think is because is overwriting the `ref used by the menu. I'm following the "abstracting" examples of both components ( tooltip,…

thumbsup
0
message-simple
6