Why do checkboxes in Chrome and Opera behave strangely with jQuery Waypoints?

Question

css

Hello.
Decided to use jQuery Waypoints to give " position: fixed" to an element after passing a point.
The code itself works fine, the element, after sticking to the top of the viewport, becomes fixed.
The problem is that when you go beyond the " height: 837px" set by jQuery Waypoints in the jQuery Waypoints it created <div class="sticky-wrapper">, when you click on the checkbox / search field, nothing happens (you can visualize in the Inspect Element), you have to scroll the page to see the changes (checked box or a blue border around the search field

) Everything works in Firefox (Stable & Nightly).
Here is a link to the site:
dstest.atservers.net/katalog

Total, how to reproduce the error:
1) Go to the site
2) Scroll approximately to the middle
3) We try to select any box from the "Manufacturer" block
4) We see that nothing happens
5) Scroll the page a little and the checkbox is marked as checked.

In Chrome, Opera is in trouble.

Actually, I don't know what to do.
Tried to change from heightto min-height.
Set height more in pixels, percentage
Nothing changes.

UPD
Works also in IE9+

Answer 1

It works, it just forgets to render something. There is too cumbersome layout to understand the reason. But, at least in chrome, if you throw out the sidebar, which starts to render normally
in a separate layer
, but then in the stuck class, the length of 21% is taken from the length of the block.
This is certainly not a solution, but a way to dig.