From 2144b588f1ccc960984ec35803d43159266b8939 Mon Sep 17 00:00:00 2001 From: Karine Vieira Date: Thu, 26 Jun 2025 20:43:15 -0300 Subject: [PATCH] Add and remove classes to fix dropdown positioning issues --- lib/ruby_ui/dropdown_menu/dropdown_menu.rb | 1 + lib/ruby_ui/dropdown_menu/dropdown_menu_content.rb | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/lib/ruby_ui/dropdown_menu/dropdown_menu.rb b/lib/ruby_ui/dropdown_menu/dropdown_menu.rb index 56d92ed6..628d167f 100644 --- a/lib/ruby_ui/dropdown_menu/dropdown_menu.rb +++ b/lib/ruby_ui/dropdown_menu/dropdown_menu.rb @@ -16,6 +16,7 @@ def view_template(&) def default_attrs { class: [ + "z-50", "group/dropdown-menu", (strategy == "absolute") ? "is-absolute" : "is-fixed" ], diff --git a/lib/ruby_ui/dropdown_menu/dropdown_menu_content.rb b/lib/ruby_ui/dropdown_menu/dropdown_menu_content.rb index bb2e6d08..664f89e2 100644 --- a/lib/ruby_ui/dropdown_menu/dropdown_menu_content.rb +++ b/lib/ruby_ui/dropdown_menu/dropdown_menu_content.rb @@ -15,7 +15,7 @@ def default_attrs data: { state: :open }, - class: "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-background p-1 text-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-56" + class: "z-50 min-w-[8rem] rounded-md border bg-background p-1 text-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-56" } end