From 99110410caa9e447fe42521d140ffc8b2717b8d9 Mon Sep 17 00:00:00 2001
From: Akshat Patel <38994122+Akshat55@users.noreply.github.com>
Date: Fri, 8 Sep 2023 12:18:00 -0400
Subject: [PATCH] fix: Allow children in expandable-tile to be selected (#261)

* fix: Allow children in expandable-tile to be selected

Signed-off-by: Akshat Patel <akshat@live.ca>

* fix: make before click inline

Signed-off-by: Akshat Patel <akshat@live.ca>

* fix: make beforeClick prop inline

Signed-off-by: Akshat Patel <akshat@live.ca>

---------

Signed-off-by: Akshat Patel <akshat@live.ca>
---
 .../src/fragment-components/tiles/a-expandable-tile.tsx    | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/sdk/src/fragment-components/tiles/a-expandable-tile.tsx b/src/sdk/src/fragment-components/tiles/a-expandable-tile.tsx
index 76cd1ea2b..7a3c1141e 100644
--- a/src/sdk/src/fragment-components/tiles/a-expandable-tile.tsx
+++ b/src/sdk/src/fragment-components/tiles/a-expandable-tile.tsx
@@ -17,10 +17,6 @@ import {
 } from '../../tools';
 import { styleObjectToString } from '../../../../ui-fragment/src/utils';
 
-const preventCheckEvent = css`
-	pointer-events: none;
-`;
-
 export const AExpandableSettingsUI = ({ selectedComponent, setComponent, fragment, setFragment }: any) => {
 	return <>
 		<TileMorphism component={selectedComponent} setComponent={setComponent} fragment={fragment} setFragment={setFragment} />
@@ -101,12 +97,13 @@ export const AExpandableTile = ({
 		{...rest}>
 			<ExpandableTile
 			light={componentObj.light}
-			className={cx(preventCheckEvent,`${
+			className={cx(`${
 					componentObj.cssClasses?.map((cc: any) => cc.id).join(' ')
 				} ${
 					(componentObj.outline || outline === true) && outline !== false ? outlineStyle : ''
 				}`, css`${styleObjectToString(componentObj.style)}`
 			)}
+			onBeforeClick={() => {}}
 			expanded={componentObj.expanded}>
 				<TileAboveTheFoldContent
 				onDrop={onDrop}