Alert dialog finished

Author: FeodorFitsner

client/lib/controls/alert_dialog.dart

@@ -105,14 +105,22 @@ class _AlertDialogControlState extends State<AlertDialogControl> {
                   barrierDismissible: !modal,
                   context: context,
                   builder: (context) => _createAlertDialog()).then((value) {
-                debugPrint("Dialog dismissed");
+                debugPrint("Dialog dismissed: $_open");
+                bool shouldDismiss = _open;
                 _open = false;
-                List<Map<String, String>> props = [
-                  {"i": widget.control.id, "open": "false"}
-                ];
-                dispatch(UpdateControlPropsAction(
-                    UpdateControlPropsPayload(props: props)));
-                ws.updateControlProps(props: props);
+
+                if (shouldDismiss) {
+                  List<Map<String, String>> props = [
+                    {"i": widget.control.id, "open": "false"}
+                  ];
+                  dispatch(UpdateControlPropsAction(
+                      UpdateControlPropsPayload(props: props)));
+                  ws.updateControlProps(props: props);
+                  ws.pageEventFromWeb(
+                      eventTarget: widget.control.id,
+                      eventName: "dismiss",
+                      eventData: "");
+                }
               });
             });
           } else if (open != _open && _open) {

docs/roadmap.md

@@ -842,6 +842,10 @@ Properties:
 - actionsPadding
 - actionsAlignment (mainAxisAlignment)
 
+Events:
+
+- dismiss - fires when non-modal dialog is dismissed by clicking an area outside it.
+
 ## Banner
 
 Docs: https://api.flutter.dev/flutter/material/MaterialBanner-class.html

sdk/python/flet/alert_dialog.py

@@ -33,6 +33,7 @@ def __init__(
         actions: List[Control] = None,
         actions_padding: PaddingValue = None,
         actions_alignment: MainAxisAlignment = None,
+        on_dismiss=None,
     ):
 
         Control.__init__(
@@ -56,6 +57,7 @@ def __init__(
         self.actions = actions
         self.actions_padding = actions_padding
         self.actions_alignment = actions_alignment
+        self.on_dismiss = on_dismiss
 
     def _get_control_name(self):
         return "alertdialog"
@@ -174,3 +176,12 @@ def actions_alignment(self):
     @beartype
     def actions_alignment(self, value: MainAxisAlignment):
         self._set_attr("actionsAlignment", value)
+
+    # on_dismiss
+    @property
+    def on_dismiss(self):
+        return self._get_event_handler("dismiss")
+
+    @on_dismiss.setter
+    def on_dismiss(self, handler):
+        self._add_event_handler("dismiss", handler)

sdk/python/playground/dialog-test.py

@@ -18,7 +18,9 @@ def main(page: Page):
     page.title = "Dialog Example"
     page.update()
 
-    dlg = AlertDialog(title=Text("Hello, you!"))
+    dlg = AlertDialog(
+        title=Text("Hello, you!"), on_dismiss=lambda e: print("Dialog dismissed!")
+    )
 
     def close_dlg(e):
         dlg_modal.open = False
@@ -33,6 +35,7 @@ def close_dlg(e):
             TextButton("No", on_click=close_dlg),
         ],
         actions_alignment="end",
+        on_dismiss=lambda e: print("Modal dialog dismissed!"),
     )
 
     def open_dlg(e):