入力チェック時にページジャークアップを防止する

Question

「星評価」は、https://codepen.io/462960/pen/WZXEWdのように動作しますが、クリックするたびにページが急上昇します。 は、私はそれ

const labels = document.querySelectorAll('label'); 
function noDefault(e){ 
    e.preventDefault(); 
    }; 

labels.forEach(x => x.addEventListener('click', noDefault)); 

停止しようとしたが、それがチェックされてからの入力を停止するためには、望ましい解決策ではありません。私はウェブページで使用することができませんでした。任意の提案が高く評価されました。

Answer 1

ソリューション：私はクロームでページのないジャンプを見ない

&:not(:checked) { 
     > input { 
     display: none; 
     //position: absolute; 
     //top: -9999px; 
     clip: rect(0,0,0,0); 
     }