Allow to pass strategy option to dropdown menu

Author: lsouoliveira

lib/ruby_ui/dropdown_menu/dropdown_menu.rb

@@ -15,6 +15,10 @@ def view_template(&)
 
     def default_attrs
       {
+        class: [
+          "group/dropdown-menu",
+          (@strategy == "absolute") ? "is-absolute" : "is-fixed"
+        ],
         data: {
           controller: "ruby-ui--dropdown-menu",
           action: "click@window->ruby-ui--dropdown-menu#onClickOutside",

lib/ruby_ui/dropdown_menu/dropdown_menu_content.rb

@@ -3,7 +3,7 @@
 module RubyUI
   class DropdownMenuContent < Base
     def view_template(&block)
-      div(data: {ruby_ui__dropdown_menu_target: "content"}, class: "hidden", style: "width: max-content; position: absolute; top: 0; left: 0;") do
+      div(**wrapper_attrs) do
         div(**attrs, &block)
       end
     end
@@ -18,5 +18,20 @@ def default_attrs
         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"
       }
     end
+
+    def wrapper_attrs
+      {
+        class: [
+          "z-50 hidden group-[.is-absolute]/dropdown-menu:absolute",
+          "group-[.is-fixed]/dropdown-menu:fixed"
+        ],
+        data: {ruby_ui__dropdown_menu_target: "content"},
+        style: {
+          width: "max-content",
+          top: "0",
+          left: "0"
+        }
+      }
+    end
   end
 end

test/ruby_ui/dropdown_menu_test.rb

@@ -22,4 +22,44 @@ def test_render_with_all_items
 
     assert_match(/Open/, output)
   end
+
+  def test_render_with_strategy_absolute
+    output = phlex do
+      RubyUI.DropdownMenu(options: {strategy: "absolute"}) do
+        RubyUI.DropdownMenuTrigger(class: "w-full") do
+          RubyUI.Button(variant: :outline) { "Open" }
+        end
+        RubyUI.DropdownMenuContent do
+          RubyUI.DropdownMenuLabel { "My Account" }
+          RubyUI.DropdownMenuSeparator
+          RubyUI.DropdownMenuItem(href: "#") { "Profile" }
+          RubyUI.DropdownMenuItem(href: "#") { "Billing" }
+          RubyUI.DropdownMenuItem(href: "#") { "Team" }
+          RubyUI.DropdownMenuItem(href: "#") { "Subscription" }
+        end
+      end
+    end
+
+    assert_match(/is-absolute/, output)
+  end
+
+  def test_render_with_strategy_fixed
+    output = phlex do
+      RubyUI.DropdownMenu(options: {strategy: "fixed"}) do
+        RubyUI.DropdownMenuTrigger(class: "w-full") do
+          RubyUI.Button(variant: :outline) { "Open" }
+        end
+        RubyUI.DropdownMenuContent do
+          RubyUI.DropdownMenuLabel { "My Account" }
+          RubyUI.DropdownMenuSeparator
+          RubyUI.DropdownMenuItem(href: "#") { "Profile" }
+          RubyUI.DropdownMenuItem(href: "#") { "Billing" }
+          RubyUI.DropdownMenuItem(href: "#") { "Team" }
+          RubyUI.DropdownMenuItem(href: "#") { "Subscription" }
+        end
+      end
+    end
+
+    assert_match(/is-fixed/, output)
+  end
 end