From ba9179ce456cf6a47f88d0f01d9dc4a29f980d94 Mon Sep 17 00:00:00 2001
From: Phani Raj <phani@posthog.com>
Date: Thu, 17 Oct 2024 15:46:41 -0500
Subject: [PATCH] Make entire cancel button area clickable (#1473)

The Cancel button on a survey right now attaches the click handler to the tiny X in the close button.
This PR makes the entire Circle and the X inside it clickable.
---
 src/extensions/surveys/components/QuestionHeader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/extensions/surveys/components/QuestionHeader.tsx b/src/extensions/surveys/components/QuestionHeader.tsx
index ea82b98f6..b13f3bb3d 100644
--- a/src/extensions/surveys/components/QuestionHeader.tsx
+++ b/src/extensions/surveys/components/QuestionHeader.tsx
@@ -35,7 +35,7 @@ export function Cancel({ onClick }: { onClick: () => void }) {
     const { isPreviewMode } = useContext(SurveyContext)
 
     return (
-        <div className="cancel-btn-wrapper">
+        <div className="cancel-btn-wrapper" onClick={onClick} disabled={isPreviewMode}>
             <button className="form-cancel" onClick={onClick} disabled={isPreviewMode}>
                 {cancelSVG}
             </button>