From 4079ed828b7af700f39d3becdb5351e5ecd209b9 Mon Sep 17 00:00:00 2001 From: JoshuaLai <9044372+JoshuaLai@users.noreply.github.com> Date: Mon, 28 Aug 2023 18:08:18 -0400 Subject: [PATCH] [Chat] Fixing zoom on image in image gallery (#3515) --- ...ation-react-646ceb27-0c16-41fe-a1dc-f20664ae90d6.json | 9 +++++++++ ...ation-react-646ceb27-0c16-41fe-a1dc-f20664ae90d6.json | 9 +++++++++ .../react-components/src/components/ImageGallery.tsx | 5 ++++- 3 files changed, 22 insertions(+), 1 deletion(-) create mode 100644 change-beta/@azure-communication-react-646ceb27-0c16-41fe-a1dc-f20664ae90d6.json create mode 100644 change/@azure-communication-react-646ceb27-0c16-41fe-a1dc-f20664ae90d6.json diff --git a/change-beta/@azure-communication-react-646ceb27-0c16-41fe-a1dc-f20664ae90d6.json b/change-beta/@azure-communication-react-646ceb27-0c16-41fe-a1dc-f20664ae90d6.json new file mode 100644 index 00000000000..8899a5328c9 --- /dev/null +++ b/change-beta/@azure-communication-react-646ceb27-0c16-41fe-a1dc-f20664ae90d6.json @@ -0,0 +1,9 @@ +{ + "type": "none", + "area": "fix", + "workstream": "Image Gallery", + "comment": "Fix image gallery double click to use default behaviour", + "packageName": "@azure/communication-react", + "email": "9044372+JoshuaLai@users.noreply.github.com", + "dependentChangeType": "none" +} diff --git a/change/@azure-communication-react-646ceb27-0c16-41fe-a1dc-f20664ae90d6.json b/change/@azure-communication-react-646ceb27-0c16-41fe-a1dc-f20664ae90d6.json new file mode 100644 index 00000000000..8899a5328c9 --- /dev/null +++ b/change/@azure-communication-react-646ceb27-0c16-41fe-a1dc-f20664ae90d6.json @@ -0,0 +1,9 @@ +{ + "type": "none", + "area": "fix", + "workstream": "Image Gallery", + "comment": "Fix image gallery double click to use default behaviour", + "packageName": "@azure/communication-react", + "email": "9044372+JoshuaLai@users.noreply.github.com", + "dependentChangeType": "none" +} diff --git a/packages/react-components/src/components/ImageGallery.tsx b/packages/react-components/src/components/ImageGallery.tsx index 9496a5f0d98..f777e675106 100644 --- a/packages/react-components/src/components/ImageGallery.tsx +++ b/packages/react-components/src/components/ImageGallery.tsx @@ -178,12 +178,15 @@ export const ImageGallery = (props: ImageGalleryProps): JSX.Element => { className={mergeStyles(imageStyle)} alt={image.altText || 'image'} aria-label={'image-gallery-main-image'} + aria-live={'polite'} onError={(event) => { setIsImageLoaded(false); onError && onError(event); }} onClick={(event) => event.stopPropagation()} - aria-live={'polite'} + onDoubleClick={(event) => { + event.persist(); + }} />