Checkboxes in package manager list are jumping

[mnonnenmacher]

When clicking the checkboxes in the form to select the package managers for a run, their position is changing:

[Etsija]

@mnonnenmacher Spent half a working day inspecting DOM without catching any bugs in it. Then finally, I tested this in Firefox and Chrome, and whaddayaknow:

1. Firefox

2. Chrome

This seems to be one of those nasty browser specific bugs, so I'm running out of ideas as to fixing it. What I see is Firefox seems to vertically misalign the "button" and "input" components which together form a checkbox (for an unknown reason, as that's not how it's set in code), while Chrome correctly aligns them. This seems to be what's causing the jumping on Firefox.

[mnonnenmacher]

@Etsija Thanks for looking into this, I should have mentioned the browser I'm using. What confuses me is that it works when the checkbox is clicked, so maybe some different layout is used if the caret on the right is rendered which avoids the bug?

[Etsija]

Yes, there is a different component (Accordion) rendered on the right, when the checkbox is clicked, and the caret is part of that. However, as I said, I couldn't find anything wrong with the DOM here, and when it's working perfectly on Chrome, I am running out of options how to fix, if we want to keep this layout.