VBO elements not displayed properly on various themes, esp. Bootstrap

Can you enter more details? Can't reproduce.. What settings and action annotation?

Oh I think I know what you mean. The "select all" checkbox is hidden since a few commits, you have to select all results using top checkbox or manually and press the button that will appear, similar as in the D7 version.

Also may be that you've been using a different display plugin, select all was working only on tables previously. Fixed.

@skitten a few questions:
1. Do you see any errors in browser console?
2. When you inspect HTML below the "Apply to selected items" button do you see a hidden checkbox?

Is anyone else experiencing this issue?

Please provide steps to reproduce.

Please check this issue, it may be the cause of the problem.

Closing after 3 months without activity.

Great, we should make VBO js theme - independent as possible, although js functionality can always be broken by custom HTML from a theme.

A good solution would be adding a custom class to the view table container in the backend and using it in the js.

classes are / can be added in Drupal\views_bulk_operations\Plugin\views\field\ViewsBulkOperationsBulkForm::viewsForm().

Also adding an issue that could be related, maybe even a duplicate.

This will also need a port to 2.x

@skitten if bootstrap allows to inject CSS classes that we can count on it may be good to add a vbo-table class in there so we don't count on 'classy' classes.

I got the same problem: using bootstrap and vbo 2.x
If the vbo column containing the checkbox is the first column, then the checkbox is not visible.
But, it was not a class name problem as explained in #14 ('table' vs 'views-table'), it was a margin-left problem that I could solve by adding this css rule:

//bug bootstrap vs vbo: vbo checkbox not visible in first column
.views-field-views-bulk-operations-bulk-form .checkbox input[type="checkbox"] {
	margin-left:0;
}

note: the problem is not in vbo 1.x (I have tested twice... seems really strange)

Do you think I should add this bug in the bootstrap queue?

We'll try to make VBO theme-independent as possible by adding its own class, but I'm afraid it'll not solve all the issues as js depends on the DOM structure. Wait a bit with that Bootstrap issue please.

I uploaded a more general patch for 2.x in https://www.drupal.org/project/views_bulk_operations/issues/2932177#comm.... The solution can be backported to 1.x. In general field plugin sets a param that is read by views_table preprocess hook where a class is added.

Unfortunately I don't have any more time to split that to 2 diffrerent issues so it'll probably be in one commit with #2932177 for 2.x.

I have removed my #17 css fix and I have applied https://www.drupal.org/project/views_bulk_operations/issues/2932177#comm... , but unfortunately the checkbox is not visible again...
Re-applying #17 fix it

Taking into account the new styles vbo-table, here is an updated css patch to display the checkboxes in bootstrap theme:

//bug bootstrap vs vbo: vbo checkbox not visible id in first column
.vbo-table input[type="checkbox"] {
	margin-left:0;
}

Ok, now we can be sure this calls for an issue on Bootstrap theme project.

Also changing title so hopefully others having similar issues will find a solution easier.

I think we'll be able to set this to "Fixed" when the new class will be committed to 2.x (soon enough)

I have added an issue in the bootstrap queue to add the css tweak in #21: https://www.drupal.org/project/bootstrap/issues/2944364

Great, I think we did everything to solve the issue, setting this to fixed.

Thanks!