fix: Allow children in expandable-tile to be selected (#261)

* fix: Allow children in expandable-tile to be selected Signed-off-by: Akshat Patel <[email protected]> * fix: make before click inline Signed-off-by: Akshat Patel <[email protected]> * fix: make beforeClick prop inline Signed-off-by: Akshat Patel <[email protected]> --------- Signed-off-by: Akshat Patel <[email protected]>
IBM · Sep 8, 2023 · 9911041 · 9911041
1 parent fe28508
commit 9911041
Showing 1 changed file with 2 additions and 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
@@ -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}