Posts
Members
Info
Router: Newbie here: Can't seem to get this to work
I'm trying to get an isCurrent Link working with styled-components. So I'm trying to pass a prop but it just does not seem to work. If I use style{} it works, as per the example on the website. But custom props seem to be giving me a hard time.
0
0
How to handle relative routes, when you have nested routes with navigate()
First of all, is <Link /> the same with navigate() in it' basic usage, meaning if I pass a path value to Link's to prop, or I pass path to navigate as a parameter, do we have the same outcome. I am working on a Sidebar, that has links ... Previously I had an implementation that…
0
0
Link or navigate does not render components but updates URL
I'm running into a really odd issue in my environment. I'm using GatsbyJs (version: 2.13.51), which I believe includes Reach Router (@reach/router@1.2.1). Below is a snippet of an App component that I'm working with. The first route (/app/add-user) is working fine. The next…
0
3
How to pass `isCurrent` property of Link to it's child element
I am trying to set active routes in my navigation list as "selected". I've looked at the active link example in the docs site (https://reach.tech/router/example/active-links) and also read through the Link's API. But, unfortunately I'm not able to apply it to my UI. I'm using…
0
2
Click inside popup over Reach Link triggers link
This is a bit tricky to describe, but I made a simple sandbox that demonstrates the issue: https://codesandbox.io/s/reach-router-popup-link-3k655 The entire row is a Reach Link, mouse over col2 and you get a popup that contains some text. If you click anywhere inside that popup,…
0
0
Code splitting breaks focus management
I have an app that has a wizard where I use an embedded router and implement code-splitting per step in the wizard. When I press the "Next" button and navigate from one page to the next, the chunk for the next page is loaded (it's prefetched). In this scenario, the main area…
0
0
Doc question - using props that start with _
I need to style the active tab, seen in the example here: https://reacttraining.com/reach-ui/tabs/#tab ('CoolTab'). The sample code uses a prop isSelected but when I inspect the element, the only prop available is _isSelected - but the docs indicate we should not use any props…
0
4
How do you animate the AccordionPanel's height?
Is there any examples of animating the new accordion component? I tried following https://reacttraining.com/reach-ui/animation#react-spring, but getting tripped up since I need to know the open state of the panel. I thought since data-state shows the open state, I could just set…
0
1
Reuse Listbox in the future
Do you reuse the Listbox inside Combobox in the future instead of using ComboxList? Right now I see the implementation of the Listbox is Collapsible Dropdown Listbox. What if create a Scrollable Listbox and reuse in the Collapsible Dropdown Listbox and Combobox
0
4
·34d# Questions
Initial tabpanel hidden
Is there a clean way to hide the first tab panel when visiting the component? I've set the index to '-1' however that's caused all <Tab> buttons to have a tabIndex of -1 meaning keyboard users are unable to see any.
1
4