[Bug] Bulk Action Button's alwais disabled

[gbenfe]

In Backpack 7 I added a bulk action button in the top of list.

Button's always disabled when check entries.

I think problem is inside this script bulk_actions_checkbox.blade.php:

       // Check if this table is configured for bulk actions
        const hasBulkActions = tableElement.getAttribute('data-has-bulk-actions') === 'true' ||
                          tableElement.getAttribute('data-has-bulk-actions') === '1';

        // Find all bulk buttons
        const tableWrapper = document.getElementById(`${tableId}_wrapper`);
        const bulkButtons = tableWrapper.querySelectorAll('.bulk-button');

        // Update all buttons based on selection state

I added button via

$this->crud->addButton('top', 'bulk_categories', 'view', 'bulk_categories', 'beginning'); in setupListOperation

then

.bulk-button is placed before tableWrapper element

[welcome]

Hello there! Thanks for opening your first issue on this repo!

Just a heads-up: Here at Backpack we use GitHub Issues only for tracking bugs. Talk about new features is also acceptable. This helps a lot in keeping our focus on improving Backpack. If you issue is not a bug/feature, please help us out by closing the issue yourself and posting in the appropriate medium (see below). If you're not sure where it fits, it's ok, a community member will probably reply to help you with that.

Backpack communication channels:

• Bug Reports, Feature Requests - GitHub Issues (here);
• Quick help (How do I do X) - Gitter Chatroom;
• Long questions (I have done X and Y and it won't do Z wtf) - Stackoverflow, using the backpack-for-laravel tag;
• Showing off something you've made, asking for opinion on Backpack/Laravel matters - Reddit;

Please keep in mind Backpack offers no official / paid support. Whatever help you receive here, on Gitter, Slack or Stackoverflow is thanks to our awesome awesome community members, who give up some of their time to help their peers. If you want to join our community, just start pitching in. We take pride in being a welcoming bunch.

Thank you!

--
Justin Case
The Backpack Robot

[backpack-ai-bot]

It sounds like your custom bulk button is outside the DataTables wrapper, so the script that enables/disables bulk buttons can’t find it. The bulk-actions script queries buttons inside the table wrapper and toggles the .disabled state; if your button renders before that wrapper, it will stay disabled.

What to do:

• Add the button using Backpack’s button API so it’s rendered in the correct stack within the wrapper:
  • In setupListOperation:
    • Either use CRUD::button('bulk_categories')->stack('top')->view('bulk_categories'); or CRUD::addButtonFromView('top', 'bulk_categories', 'bulk_categories'); so it’s placed inside the top buttons area managed by Backpack. [List operation]
• Make sure bulk actions are enabled, and the first visible column can host the checkbox (no hidden first column, no anchor tag in first column):
  • $this->crud->enableBulkActions();
  • Ensure the first column is visible in the table; otherwise the bulk checkbox won’t render and nothing will toggle. [Bulk delete; Forum report]
• Don’t call setColumns() after enabling bulk actions; it removes previously added columns (including the checkbox). Use addColumn(s) instead, or define all your columns once. [Issue 3394; Issue 1788]

If you still prefer a custom placement, ensure the button element is inside #crudTable_wrapper (the DataTables wrapper for your list), or adjust your button’s view to match the .bulk-button selector and placement used by Backpack’s built-in bulk buttons.

ℹ️ Please note our AI Bot does not reply to follow-ups, this will be the only AI answer in this thread. If the AI helped you find the answer, please mark it as answered or write details below so it can learn. Then close the conversation. If not, please give more information for when a human reads this. ℹ️

Relevant sources:

List Operation|How to Use
Github Issue (closed): [Bug] Bulk checkbox column is automatically removed
[Feature][3.4][Ready] Bulk action, bulk delete button
Github Issue (closed): addButtonFromView not working
Github Issue (closed): Reorder top buttons not working
Github Issue (closed): [Bug] crud.addFunctionToDataTablesDrawEventQueue('addOrRemoveCrudCheckedItem') is not called
Delete Operation|Delete Multiple Items (Bulk Delete) PRO
Github Issue (closed): [Feature req][3.4] Custom bulk buttons
Github Issue (closed): Bulk actions in ListOperation not working when using Mobile Safari
Github Issue (closed): [BUG] No export buttons on version 3.5
Github Issue (closed): Checkboxes for bulk actions are not shown
Github Issue (open): Bulk actions checkbox is hidden when first column has visibleInTable=false
Github Issue (closed): [Bug] Unable to add CRUD custom button both at the top and bottom simultaneously since Backpack 4.x
Github Issue (closed): [Bug] Editable Columns - Bulk Function Buttons not activating after editing

[gbenfe]

I did all what suggested but problem persist.