From ad1c7f928dbcf7dc87df285095dddf595a3da636 Mon Sep 17 00:00:00 2001 From: Frederic Beaudoin Date: Mon, 9 Sep 2024 14:38:32 -0400 Subject: [PATCH] Prevent click event propagation when clicking show more description button https://coveord.atlassian.net/browse/KIT-3509 --- .../atomic-product-description.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-description/atomic-product-description.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-description/atomic-product-description.tsx index e00153f0ba8..9b63780b624 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-description/atomic-product-description.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-description/atomic-product-description.tsx @@ -81,7 +81,11 @@ export class AtomicProductDescription } } - private onToggleExpand() { + private onToggleExpand(e?: MouseEvent) { + if (e) { + e.stopPropagation(); + } + this.isExpanded = !this.isExpanded; } @@ -124,7 +128,7 @@ export class AtomicProductDescription part="label-button" class={`my-2 p-1 text-xs ${this.isExpanded || !this.isTruncated || this.truncateAfter === 'none' ? 'invisible' : ''}`} title={this.bindings.i18n.t('show-more')} - onClick={() => this.onToggleExpand()} + onClick={(e) => this.onToggleExpand(e)} >