使っているとき、ドラック中の要素のスタイルが崩れてしまったのですが、どのスタイルが効かなくなったのか特定したいという状況でした。ドラック中だけスタイルが崩れるので、掴んでいる状態のままデバックしたいのですが、マウスで要素を掴んだままデベロッパーツールは操作できないので困っていました。開いてドラック中の要素に適用されているCSSを確認する。そもそもなぜスタイルが崩れてしまうのか結論から言うと、ドラックできるようにしている要素にカスケーディングを使用している場合、ドラック中はそのカスケーディングが効かなくなってしまうからです。クラスの付いた要素に下記のようなスタイルを当てているとします。外にマウントされます。すると、カスケーディングで指定されていたスタイルが効かなくなってしまいます。<p>掴んでいいよ</p></div>スタイルを上手く当てるために、カスケーディングを使用することがあると思いますが、こういった実装をする箇所では気をつける必要がありそうです。困っていること解決方法そもそもなぜスタイルが崩れてしまうのかZennエンジニアのための情報共有コミュニティAboutZennについて運営会社お知らせ・リリースGuides使い方Publicationよくある質問LinksTwitterGitHubメディアキットLegal利用規約プライバシーポリシ。