Allow to pass strategy option to dropdown menu

Author: lsouoliveira

lib/ruby_ui/dropdown_menu/dropdown_menu.rb

@@ -15,9 +15,13 @@ 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",
+          controller: 'ruby-ui--dropdown-menu',
+          action: 'click@window->ruby-ui--dropdown-menu#onClickOutside',
           ruby_ui__dropdown_menu_options_value: @options.to_json
         }
       }

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
@@ -15,7 +15,22 @@ 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] 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