Is useKeyboardArrows prop supported.

[Sumit2105]

I want an ability to navigate through arrows of the keyboard. In many of the documentation, I can see useKeyboardArrows, Provides the ability to do the same. But this doesn't seem to work for me.

[nightflash]

For some reason, you have to click on the image before kb navigation will work.

[blainegarrett]

Is it possible to expose a ref to trigger the touch event to give the carousel focus?
In presentation mode, it would be great to just hit the arrow keys w/o first having to interact with the component.
There doesn't seem to be any public refs available.

Update:
As it was critical for me to figure this out, a seemingly hacky way to achieve this is to use a ref on an element you have control over (such as a slide) and then trigger focus on the .carousel-root ancestor element.

  const firstSlideRef = React.useRef<HTMLDivElement>(null);

  useEffect(() => {  
    firstSlideRef.current.closest('.carousel-root').focus(); // finds closest ancestor with matching selector
   }, []);

      <Carousel useKeyboardArrows>
                   <div ref={firstSlideRef} key="content-0">first slide content</div>
       </Carousel>

When digging into this, I found it useful to put a css psuedo class on the .carousel-root element to expose if it had focus or not. Pardon the JSS syntax (I'm working within material-ui).

    '@global': {
      '.carousel-root': {
        '&:focus': {
          border: '3px solid green',
        },
      },

[leandrowd]

Please create a pull request with that and I'm happy to publish it...

…

On Sat, 5 Dec 2020, 3:14 am Blaine Garrett, ***@***.***> wrote: Is it possible to expose a ref to trigger the touch event to give the carousel focus? In presentation mode, it would be great to just hit the arrow keys w/o first having to interact with the component. There doesn't seem to be any public refs available. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#514 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AABIJDJCBINCSZWDI3XK7KDSTEKI3ANCNFSM4SJS2NNA> .

[leandrowd]

All done, published as 3.2.11 - thanks for the contribution.