Issue when mapping over a Popover component
I'm trying to create a Popover component in conjunction with Avatar and AvatarGroup, using Chakra-UI. My expectation is that when I map over a group of Avatars, I should be able to hover over each Avatar and the Popover should appear. However, mapping with the usePopoverState…
Interact with state outside Reakit components.
Hi, I need to create component that will be used in many places, and I don't want consumer to know any details of implementation. Moreover I have to implement some API that will be called from non-React env. (by some syntetic event, but this is not the issue at the moment) I…
Is it possible to add mouse over event to activate Popover?
Hi, As the title mentions, I'm trying to activate Popover when hovering over the PopoverDisclosure. I've tried to add arbitrary onMouseEnter/onMouseLeave properties to PopoverDisclosure, but it loses return focus upon mouse leave. In addition, I'd like for the Popover to still…
Is there a way to set the default selected tab to first tab?
I'm getting my list for the tabs I need from firebase. I want to have the first tab selected by default. Right now I'm using the id's from my list for my stopId's. I'm running into ESLint warnings and infinite loops. Code here with notes on line 35:…
How do you set default value for Radio component?
Hello, I'm trying to set a default value on a Radio component but am running into some issues as I'm not sure how to approach it. What I want to achieve is with a group of Radio components, mount a certain Radio component as checked. Then when clicking on other Radio components,…
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…
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?
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?