Disable keyboard navigation

[Arillaxe4]

Hi! Is it possible to disable keyboard navigation?

[igordanchenko]

There is no setting for this, but you can implement it with a custom plugin.

function DisableKeyboardNavigation({ children }: ComponentProps) {
  const { subscribeSensors } = useController();

  React.useEffect(
    () =>
      subscribeSensors(EVENT_ON_KEY_DOWN, (event) => {
        if (event.key === VK_ARROW_LEFT || event.key === VK_ARROW_RIGHT) {
          event.stopPropagation();
        }
      }),
    [subscribeSensors],
  );

  return children;
}

// ...

<Lightbox
  // ...
  plugins={[({ addModule }) => addModule(createModule("DisableKeyboardNavigation", DisableKeyboardNavigation))]}
/>

[Arillaxe4]

Thanks for the solution!