menu

Reakit

Toolkit for building accessible rich web apps with React

Channels
Team
Posts
Members
Info
down-caret
·1y·Pinned# General

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

https://opencollective.com/reakit

thumbsup
5
message-simple
0

Using MenuItem with next.js Link component

I'm trying to create a dropdown menu with a list of links (user preferences, settings, etc). I can't get the keyboard behaviour working as expected. Using the up/down arrows scrolls the page while the menu is open. This is the gist of the code: The Link component wraps next.js'…

thumbsup
0
message-simple
5

To styling different state of menu item

Hello, I'm facing a problem of styling menu item. I would like to style it in different state, for example, red color for danger state, but if I pass "danger" as prop, the console will output a warning: Warning: Received true for a non-boolean attribute danger. You may check the…

thumbsup
0
message-simple
2

Warning message outputed while using tooltip with nextjs

Hi! I got below warning message when using tooltip in nextjs: Warning: Expected server HTML to contain a matching <div> in <div>. I created a codesandbox here: …

thumbsup
0
message-simple
2

Why is TabPanel focusable? Can I make it not be?

I'm using TabList, Tab, and TabPanel, and they're working quite nicely. One thing that seems non-ideal to me, though, is that TabPanels appear to take focus. I have actionable components in my TabPanel, and I'd prefer to have the first such component take focus, instead of the…

thumbsup
0
message-simple
11

Hiding a menu with a nested dialog when the menu item is selected

Hi there! I'm building out a menu system using Reakit in which I have a set of menus containing menu items that each trigger modal dialogs, very similar to this example from the docs: https://reakit.io/docs/menu/#menu-with-dialog What I'd like is for the user to be able to…

thumbsup
0
message-simple
8

Typescript utilities to extend components?

I've been having a bit of trouble trying to extend a component whilst keeping as and ref types in sync. So far the only solution I've found is something like this: Another interesting thing, if I use ButtonProps instead of ButtonOptions, as and ref will not be in sync anymore,…

thumbsup
0
message-simple
3

How to set initial focus of menu item without using ref?

If I have many menu items, seems that do this is stupid: const menuItemRefs = [ useRef(null), …

thumbsup
0
message-simple
7

Plan for Tree View ?

Hello ! Wanted to know if there was a plan to add a Tree View as specified here https://www.w3.org/TR/wai-aria-practices/#TreeView to Reakit ? Thank you

thumbsup
0
message-simple
2

How to make a Tooltip always visible?

I have this button that uses a tooltip that should always be visible, even on mouse enter and leave. I'm doing two things to achieve this: 1. Sending visible: true to useTooltipState; …

thumbsup
0
message-simple
4

Any way to "merge" tooltip portals?

I have a lot of tooltips in one view and Reakit creates one portal per every tooltip, there a way to "merge" all and share the same portal? https://codesandbox.io/s/reakit-delayed-tooltip-3tn5c?file=/index.js:2647-2652

thumbsup
0
message-simple
2