TabIndex hardcoded to 0

[1ak31sha]

hi, i was facing an issue using lottie when my animation was presentational only but it was becoming tabbable due to the hardcoded tabindex = 0

react-lottie/src/index.js

Line 167 in 56f7284

tabIndex="0"

i saw this existing issue #67 which proposed spreading the props and wondering if that could be added or create a new prop/configuration for setting the tabindex.

currently my workaround is something like

    const removeTabIndexFromLottie = (id: string) => {
      const lottieDiv = document.querySelector<HTMLElement>(
        `.Toggle-focusableContainer div[title=${id}]`
      );
      if (lottieDiv) {
        lottieDiv.tabIndex = -1;
      }
    };

but we prefer not to have to do stuff like this, i think the above issue&solution is much cleaner

btw, my first time using react-lottie and i love it! <3

[ghost]

Hello. You can use this.
https://www.npmjs.com/package/react-lottie-wrapper.
Example:
<Lottie tabIndex={-1} options={ defaultOptions } />

[hugotox]

This doesn't work. tabIndex is not a prop for Lottie components

Property 'tabIndex' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Lottie> & Readonly<LottieProps> & Readonly<{ children?: ReactNode; }>'.

[101budspencer]

Any solution?