1
IOSの11は、具体的にはフォーカス+キーボードのカーソルのIOS 11と、固定容器more here内部入力に問題があること入力にずれていますページの上部に固定する必要がある要素の.rn-drawerがありますが、残りのページコンテンツはスクロール可能です。固定要素には入力が含まれます。単に私がキーボードに私の入力のずれを解消することができ、親/ルートコンテナに次の.iOS-fixを適用することによりIOSの11固定入力バグ+ジッタが
.rn-drawer {
position: fixed;
transition: all 0.25s ease-in-out;
display: flex;
height: 260px;
}
。
.iOS-fix {
position: fixed; // causes jitter on scroll, but resolves fixed input alignment bug
/*position: sticky; // no jitter, but doesn't resolve fixed input alignment bug*/
/*transform: translate3d(0, 0, 0); // no jitter + resolves fixed input alignment, BUT loses fixed position on children (like .rn-drawer)*/
overflow-y: scroll;
height: 100%;
width: 100%;
}
しかし、いくつかの研究の後、私は、このためのソリューションがtransformationを適用することにより、CSSでのGPUアクセラレーションを強制されていることを信じて、スクロールの本当に悪いジッタ/吃音があります。
これでこのジッタが解決され、固定入力アライメントが発行されますが、postion:fixed;の.rn-drawerは適用されなくなりました。変換は子要素の座標系を変更するので（したがって、私の引き出しは固定されません）。
position: sticky;ジッタは停止しますが、入力ミスアラインメントで同じ問題が発生します。
入力アライメントのバグを解決する実行可能なソリューションはありますか？また、入力コンテナが固定され、スクロールでジッタが発生することはありませんか？
ありがとうございました。