Merge pull request #2054 from HarshMN2345/fix-PRO-1916-unable-to-delete-file-from-bucket

Author: ItzNotABug

src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+page.svelte

@@ -169,7 +169,15 @@
                         </Table.Cell>
                         <Table.Cell column="actions" {root}>
                             <Popover let:toggle placement="bottom-start" padding="none">
-                                <Button text icon ariaLabel="more options" on:click={toggle}>
+                                <Button
+                                    text
+                                    icon
+                                    ariaLabel="more options"
+                                    on:click={(e) => {
+                                        e.stopPropagation();
+                                        e.preventDefault();
+                                        toggle();
+                                    }}>
                                     <Icon icon={IconDotsHorizontal} size="s" />
                                 </Button>
                                 <ActionMenu.Root slot="tooltip">
@@ -178,7 +186,9 @@
                                     </ActionMenu.Item.Anchor>
                                     <ActionMenu.Item.Button
                                         leadingIcon={IconTrash}
-                                        on:click={() => {
+                                        on:click={(e) => {
+                                            e.stopPropagation();
+                                            e.preventDefault();
                                             selectedFile = file;
                                             showDelete = true;
                                         }}>

src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/deleteFile.svelte

@@ -32,5 +32,5 @@
 </script>
 
 <Confirm {onSubmit} title="Delete file" bind:open={showDelete} bind:error>
-    Are you sure you want to delete <b>{file.name}</b>?
+    <p>Are you sure you want to delete <b>{file.name}</b>?</p>
 </Confirm>