menu

Reakit

Toolkit for building accessible rich web apps with React

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

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

https://opencollective.com/reakit

thumbsup
3
message-simple
0

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

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

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

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

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

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

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

Thoughts on how to bail on rendering in reakit-system?

I have a couple components built with reakit-system which need to not render anything in certain cases. Specifically, I have an <Icon icon='name' /> component which should render a <svg> if the icon prop matches an Icon svg from our design system; or not render anything if there…

thumbsup
0
message-simple
8