textareaのフォーカス時に起こる縦サイズ縮小(Andorid)

textareaを設置し、下に丸いピンクの送信ボタンをおいてます。
下の画像は左から通常の見え方、Iphone･Ipadでのフォーカス時、Androidでのフォーカス時

androidだとフォーカスした際に縦が縮小され
送信ボタンが見えてしまいます。
どうしてでしょうか、、、見えなくさせたいです・・！

追記

html
1<section id="a_wrap">
2   <div class="btn_wrap">
3      <span class="btna"></span>
4      <span class="btnb"></span>
5   </div>
6   <div class="comment Wrap">
7      <textarea id="v_textbox" name="comment" placeholder="メッセージを入力してください" required="required"</textarea>
8     <p id="send_button"></p>
9   </div>
10</section>

css
1html,body{
2   height: 100vh;
3}
4section {
5    height: 100%;
6    overflow: hidden;
7    position: relative;
8}
9.btn_wrap span {
10    display: inline-block;
11    position: relative;
12    width: 140px;
13    margin: 0 3%;
14}
15.comment {
16    top: 50%;
17    width: 100%;
18    height: 100%;
19    position: absolute;
20    left: 0;
21}
22.comment #send_button {
23    position: absolute;
24    left: 0;
25    top: 40%;
26    height: 100%;
27    width: 100%;
28    background: pink;
29    transition: 1.5s ease;
30}