要素をドラッグしているときにスタイルが失われる

React.jsでプロジェクトを開発します。ここでは、ドラッグ要素のプラグインをreact-sortable-hocとしています。入力があるセクションをドラッグしたい要素をドラッグしているときにスタイルが失われる

私は要素をドラッグすると、それは次のようになります：

私はそれをドラッグしながら、だから、入力中のスタイル、テキストエリアとすべてのフォーム要素が失われ、それが正常に見えるドラッグする前に

。

なぜスタイルが失われたのか、どうすれば修正できるのか教えてください。

ありがとうございます。

私の推測では、ドラッグしている間にスタイルが適用されていないDOM内の他の場所に配置される新しい要素が作成されているということです。あなたのマークアップとCSSがなければ、伝えるのは不可能です。 – Chris

私はそうは思わない。あなたが書きたいと思うなら、円の中の「02」も壊れてしまうでしょう。 –

それにかかわらず、あなたのコードを投稿してください。 – Chris

要素をドラッグすると、react-sortable-hocプラグインはこの要素をbodyに追加します。あなたが例えば、あなたのスタイルでカスケードを、持っている場合：

.parent-component .draggable-element { 
// some styles 
}

このスタイルは、理由draggable-elementクラスとその瞬間の要素がparent-componentクラスで要素の子ではありませんでの適用されません。

2017-09-13 12:55:44

ニースの返信です！私の問題は解決しました。ありがとうございました:) –

2日前に同じ問題に直面したことがありました:) –

もう1つ手伝ってもらえますか？私が書いたように、私は入力があるドラッグ可能な要素をいくつか持っています。入力するものを書いて別の位置にドラッグすると、変更された入力は最後の位置にとどまります。私はこれにDragHandleを使用します。ご協力ありがとうございました。 –

答えて