diff --git a/change-beta/@azure-communication-react-e2203fd5-d2a4-43fc-96b8-d26f78022d55.json b/change-beta/@azure-communication-react-e2203fd5-d2a4-43fc-96b8-d26f78022d55.json new file mode 100644 index 00000000000..83c0b519d83 --- /dev/null +++ b/change-beta/@azure-communication-react-e2203fd5-d2a4-43fc-96b8-d26f78022d55.json @@ -0,0 +1,9 @@ +{ + "type": "patch", + "area": "fix", + "workstream": "Bug fix", + "comment": "Fix issue where using the keyboard would throw an error when selecting a background effect", + "packageName": "@azure/communication-react", + "email": "94866715+dmceachernmsft@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/change/@azure-communication-react-e2203fd5-d2a4-43fc-96b8-d26f78022d55.json b/change/@azure-communication-react-e2203fd5-d2a4-43fc-96b8-d26f78022d55.json new file mode 100644 index 00000000000..83c0b519d83 --- /dev/null +++ b/change/@azure-communication-react-e2203fd5-d2a4-43fc-96b8-d26f78022d55.json @@ -0,0 +1,9 @@ +{ + "type": "patch", + "area": "fix", + "workstream": "Bug fix", + "comment": "Fix issue where using the keyboard would throw an error when selecting a background effect", + "packageName": "@azure/communication-react", + "email": "94866715+dmceachernmsft@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/src/components/VideoEffects/VideoEffectsItem.tsx b/packages/react-components/src/components/VideoEffects/VideoEffectsItem.tsx index e0329782883..4b2c743d8c9 100644 --- a/packages/react-components/src/components/VideoEffects/VideoEffectsItem.tsx +++ b/packages/react-components/src/components/VideoEffects/VideoEffectsItem.tsx @@ -160,15 +160,6 @@ export const _VideoEffectsItem = (props: _VideoEffectsItemProps): JSX.Element => onClick={disabled ? undefined : () => props.onSelect?.(props.itemKey)} componentRef={componentRef} autoFocus={props.focusOnMount} - onKeyDown={ - disabled - ? undefined - : (e) => { - if (e.key === 'Enter' || e.key === ' ') { - props.onSelect?.(props.itemKey); - } - } - } > {props.iconProps && (