position:absoluteで配置したinputボタンがクリック時伸びてしまう

Question

お世話になっております。

複数並んだinput type="submit"のボタンをpositionで

このように配置させています。

ですが、の下部に配置した「戻る」ボタンをクリックすると、

]

このようにびよんと伸びてしまいます。
(ちゃんと画面遷移はしてくれます)

これをなんとかしたくてinputにheightを指定したのですが、
今度はクリックして伸びないものの画面遷移をしなくなってしまいました。

---

上記はスマホサイズ時の問題で、PC時はこのように

横並びに配置しているためか、ボタンが伸びる現象は出ていません。
また、height指定をしても画面遷移してくれます。

事情によりhtmlを変えることができずcssでなんとかするしかないのですが、
戻るボタンを押しても伸びないようにするにはどうすれば良いのでしょうか。。

どなたかご教示いただけますと幸いです。

<div class="send">
<input name="backCart" type="submit" class="back_cart_button" value="戻る">
<input name="deliveryinfo" type="submit" class="to_deliveryinfo_button" value="　　次　へ　　">
</div>

  .send {
    position: relative;
    border-color: transparent;
    padding-top: 50px;
   
   input[type="submit"].back_cart_button {
      position: absolute;
      bottom: -150px;
      left: 50%;
      transform: translateX(-50%);
      @include submitBtnGray( 120px );
    }
    .to_deliveryinfo_button {
      position: absolute;
      top: 0;
      left: 50%;
       transform: translateX(-50%);
       @include submitBtnBlue();
    }
}


  @mixin submitBtnBlue( $width : 300px , $fz: .9rem) {
    background: $btnColor;
    color: #fff;
    width: $width;
    max-width: 100%;
    border: 0;
    font-size: $fz;
    cursor: pointer;
    padding: .9rem;
    &:hover {
      background: $btnColor;
        color: #fff;
        opacity: .6;
    }
  }

  @mixin submitBtnGray( $width : 300px , $fz: .9rem) {
    background: #d2d2d2;
    color: #333;
    width: $width;
    max-width: 100%;
    border: 0;
    font-size: $fz;
    padding: .9rem;
    cursor: pointer;
    &:hover {
      background: #d2d2d2;
      color: inherit;
      opacity: .6;
  }
  }

何卒よろしくお願いいたします。

Comments

[gpsoft]

試してみたところ、再現しませんでした(ボタンは伸びなかったです)。
再現させるには、何かが足りないようですね。

[uni..]

試していただいてありがとうございます。
そうなのですね。。

ちなみにですが、お伺いしても良いでしょうか。検証いただいたのは、chromeの開発ツールでしょうか(当方chromeです)。もしくは他の開発ツールでしょうか。

[gpsoft]

chromeとfirefoxで試しました。
どちらも同じ結果でしたよ。

[uni..]

再度お答えいただきありがとうございます。
改めて確認いたしまして、どうやらphpの画面遷移を待つ間に起こっているようだとわかりました。。

cssだけの問題ではないようなので、この質問を閉じさせていただきますm(__)m
何度もありがとうございました！お手数をおかけしました。

Answer 1

解決はしておりませんが、質問文のコードだけでは問題が起こらないため、
再度検証して質問を立てさせていただきます。

ご回答くださった方、ありがとうございました。