I have a table with some sticky columns. In the first column, there's a checkbox. The problem is that whenever I focus a checkbox (with tab or simply clicking on it), my table scrolls to the left. I understand why it happens - the browser wants to make sure a focused checkbox is in the viewport. But since for me it's always in the viewport (sticky), this behavior doesn't help.

I know that it can be done for programmatically-driven focus:

element.focus({ preventScroll: true });

But how about the default focus handled by the browser?