javascriptで書いた画面が乱れて壊れてしまいます。

Question

背景

React + Reduxでwebアプリケーションを開発しています。

発生している問題

激しく使用していると上の画像のように、画面が壊れてしまします。
下にあるべきコンポーネントが上に来ているように見えたり、全体的にレイアウトが破壊されます。画面を拡大したり縮小すると、いろいろな壊れ方をします。
これはモバイル(iphoneXとiphone7で確認)でしか起きず、パソコンから見る時には起きません。
画面では、stateに応じて表示するコンポーネントを切り替えるなどの処理をしています。

エラーメッセージ

エラーメッセージは発生していません。

試したこと

当初、画像のアップロードをするとこのように画面が乱れるケースが多かったため、input系のタグを全て消しました。結果、かなり乱れにくくなりましたが、それでも使っているとこのように画面が乱れます。

知りたいこと

似たような事例が起きていないか知りたいです。
画面の頻繁な描画が原因なのか、特定のCSSが悪さをしているのか、原因究明につながる手がかりを知りたいです。

Comments

[退会済みユーザー]

不思議な現象ですね、どうなっているんでしょうね。この問題に関しては、検証可能な環境がなければ回答することはほとんど不可能だと思います。ソースコード一式をどこかにアップロードするか、 https://codesandbox.io/ などで現象が再現する状態のものを作ってもらうか。