25 lines
620 B
TypeScript
25 lines
620 B
TypeScript
// Copyright 2021-2022 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import type { ReactNode } from 'react';
|
|
import React from 'react';
|
|
|
|
// Whenever you don't want click or key events to propagate into their parent container
|
|
export function StopPropagation({
|
|
children,
|
|
className,
|
|
}: {
|
|
children: ReactNode;
|
|
className?: string;
|
|
}): JSX.Element {
|
|
return (
|
|
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
<div
|
|
className={className}
|
|
onClick={ev => ev.stopPropagation()}
|
|
onKeyDown={ev => ev.stopPropagation()}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|