From 887517d65788f98da60dddf32e38490ba36940cf Mon Sep 17 00:00:00 2001
From: sup39 <dev@sup39.dev>
Date: Sun, 24 Dec 2023 13:23:40 +0900
Subject: [PATCH] fix: page block not draggable on Firefox

---
 .../client/src/pages/page-editor/page-editor.container.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/pages/page-editor/page-editor.container.vue b/packages/client/src/pages/page-editor/page-editor.container.vue
index 8fb5ed62..0435fed3 100644
--- a/packages/client/src/pages/page-editor/page-editor.container.vue
+++ b/packages/client/src/pages/page-editor/page-editor.container.vue
@@ -7,9 +7,9 @@
 				<button v-if="removable" class="_button" @click="remove()">
 					<i :class="icon('ph-trash')"></i>
 				</button>
-				<button v-if="draggable" class="drag-handle _button">
+				<div v-if="draggable" class="drag-handle _button">
 					<i :class="icon('ph-list')"></i>
-				</button>
+				</div>
 				<button class="_button" @click="toggleContent(!showBody)">
 					<template v-if="showBody"
 						><i :class="icon('ph-caret-up')"></i
@@ -139,11 +139,12 @@ export default defineComponent({
 			top: 0;
 			inset-inline-end: 0;
 
-			> button {
+			> ._button {
 				padding: 0;
 				width: 42px;
 				font-size: 0.9em;
 				line-height: 42px;
+				text-align: center;
 			}
 
 			.drag-handle {