Update

Assets/Scripts/UI/SettingsController.cs

@@ -19,10 +19,12 @@ namespace Hallucinate.UI
             _tabTitle = root.Q<Label>("TabTitle");
             _content = root.Q<ScrollView>("SettingsContent");
 
-            // Logic đóng khi nhấn vào vùng nền bên ngoài sidebar
-            root.RegisterCallback<ClickEvent>(evt => {
+            // Đăng ký sự kiện Click vào vùng nền tối
+            root.RegisterCallback<PointerDownEvent>(evt => {
+                // Nếu click trực tiếp vào SettingsRoot (không phải sidebar)
                 if (evt.target == root)
                 {
+                    Debug.Log("[Settings] Clicked outside sidebar, closing...");
                     uiManager.ToggleSettings();
                 }
             });
@@ -43,14 +45,13 @@ namespace Hallucinate.UI
 
         public override async Task PlayTransitionIn()
         {
-            // Reset vị trí root về 0 (Overlay trên màn hình hiện tại)
             if (root != null)
             {
                 root.style.translate = new StyleTranslate(new Translate(0, 0));
                 root.style.display = DisplayStyle.Flex;
             }
 
-            // Trượt sidebar từ trái vào
+            // Hiệu ứng trượt sidebar
             _sidebar.style.translate = new StyleTranslate(new Translate(Length.Percent(-100), 0));
             await Tween.Custom(-100f, 0f, duration: 0.4f, ease: Ease.OutQuad, 
                 onValueChange: val => _sidebar.style.translate = new StyleTranslate(new Translate(Length.Percent(val), 0)));
@@ -58,7 +59,6 @@ namespace Hallucinate.UI
 
         public override async Task PlayTransitionOut()
         {
-            // Trượt sidebar ra trái
             await Tween.Custom(0f, -100f, duration: 0.4f, ease: Ease.InQuad, 
                 onValueChange: val => _sidebar.style.translate = new StyleTranslate(new Translate(Length.Percent(val), 0)));