HTML input textでキーボードが出ると%で指定した要素が小さくなってしまう(Android)

Question

要素の高さ(height)を%で指定した場合にキーボードが表示された際にキーボード表示領域分、
縮んでしまうのですが影響を受けなくすることはできませんでしょうか
pxでの指定はしたくありません

Comments

[m.ts10806]

実際のコードと、表示（画面キャプチャ）、機種、ブラウザを記載してください。

Answer 1

const element_height = (element: Element, percent: number) => {
    const rem2px = parseFloat(getComputedStyle(document.documentElement).fontSize);
    const parent_height = element.parentElement.clientHeight;
    (element as HTMLElement).style.height = parent_height / rem2px * percent / 100 + "rem";
}


// 使用方法
const target = document.getElementById("要素名");
const parent = document.getElemen
element_height(target, 70/* % */);
window.onscoll = element_height(target, 70/* % */);

Comments

[kyoya0819]

サンプル：https://codepen.io/kyoya0819/pen/WNjQGBV