添加填充使文本区域输入在某些操作系统上不可见

我认为这与财产的组合有关 箱形尺寸 , 高度 和 衬垫 应用于 特克斯塔利亚 .

box-sizing: border-box - 宽度和高度属性(以及最小/最大属性)包括内容、填充和边框

如果你的短信区有 height: 64px 和 padding-bottom: 150px 在focus上,没有足够的空间容纳内容,因此可能会导致firefox上出现这种行为。

我建议使用不同的属性 最小高度 财产而不是 衬垫 .
例如,默认情况下,文本区域的“最小高度”可以设置为0,因此将应用“高度”属性:

#msg {
    height: 64px;
    min-height: 0;
}

在“聚焦”中,增加“最小高度”以替代“高度”属性:

#msg:focus {
    min-height: 150px;
}