Modal with custom view sortable javascript?

[sick edge]

I have a page with a custom modal configured like so

            $action = Action::make('order_item_process_steps')
            ->label('Process steps')
            ->modalContent(fn(OrderItem $item): View => view(
                'tables.order-item-process-steps',
                [
                    'orderItemProcessSteps' => $item->orderItemProcessSteps,
                    'isReleased' => $releaseService->isReleased($item->order),
                    'rootStep' => $item->root_step_no,
                ],
            ))
            ->modalSubmitAction(false);

we used to have our pages as plain livewire, and we were using sortablejs , however the javascript in the view does not seem to work, I can't even seem to get a console log! Can anyone help?

[hexed flower]

To help others find answers, you can mark your question as solved via Right click solution message -> Apps -> ✅ Mark Solution

[fallen sandal]

This is because livewire loads after the dom, you should load in the JS function into the app.js for example and then run the function. I.e. see
https://livewire.laravel.com/docs/javascript

[sick edge]

hi again @toeknee thanks so much for your help once again 😄