ブラウザにて、フォームに入力してsubmitボタンを押すと、キーボードによって押し上げられた画面が元の位置に下がってきません。キーボードがあった領域にはbodyの背景色のみが表示されている状態です。
submit直後に全画面に被せて表示するスピナーのgifは正しく表示されるのですが、、
どうすれば画面が元の位置に戻ってくるでしょうか。
HTML
1 <div id="card_register_div"> 2 <form action="https://xxxxx" id="payment-form"> 3 <div class="form-row"> 4 <label for="card-element"> 5 </label> 6 <div id="card-element"></div> 7 <div id="card-errors" role="alert"></div> 8 </div> 9 <button>登録する</button> 10 </form> 11 </div>
javascript
1 var form = document.getElementById('payment-form'); 2 form.addEventListener('submit', function(event) { 3 event.preventDefault(); 4 $('.loading').removeClass('hide');//gif表示 5 stripe.createToken(card).then(function(result) { 6 if (result.error) { 7 var errorElement = document.getElementById('card-errors'); 8 errorElement.textContent = result.error.message; 9 } else { 10 stripeTokenHandler(result.token); 11 } 12 }); 13 });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/03/02 10:43
2019/03/02 10:45