Radio button causes browser to jump to the top

Question

Problem:

When clicking on a label (for a radio button that has been intentionally hidden by positioning it off-screen), the browser undesirably jumps to the top of the

Answer 1

Just add opacity: 0; to your input[type="radio"] like this

input[type="radio"] {
  opacity: 0;
  position: absolute;
}