Slipped Checkbox in the frontend

[erikagrebur]

Hi,

I would like to implement this extension to my SilverStripe 4 project.

After the installation I use this code:

$config = GridFieldConfig_RecordEditor::create();
$config->addComponent(new BulkManager());
$gridfield = new GridField('Tasks', 'Tasks', $this->Tasks(), $config);
$fields->addFieldToTab('Root.Main', $gridfield);

But the result is look like this:

Is there anyone who has the same problem or maybe can help me?

[kudotony]

I am experiencing the same issue in the front end too

[kudotony]

I have just investigated the issues and found the source of problem. The checkbox slipped due to the class form-check-input belonging to silverstripe admin.

The class has a css property which sets the position to "absolute" causing the checkbox to start shifting. I did a minor modification in my own admin css by setting bulkSelect and bulkSelectAll classes with position property to "static" which resolved the issues for me.

[dnsl48]

This is SS 4.3 regression

[Anytech]

.grid-field__table tr td, .bulkSelectAll {
    position: sticky;
    top: 0;
}

I had the problem that when I scroll the boxes are fixed. This CSS solves it all