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…
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'…
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…
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…
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,…