IMG Hack conflicts with Tailwind base CSS `img { block }`

We just noticed that this recent change causes a styling conflict with base Tailwind.css rules:

So, we’re thinking about doing a revert on this for the hack, but we’re not able to select the hack IMG since it’s just an <img/> element.

For the moment, we can do something like the following to fix this up.

.ProseMirror img:not(.image) {
  display: inline;
}

Just a heads up.

Oh, right, good point. This patch adds a class to try and suppress this kind of style.

1 Like

Would it be more helpful to give all hackNodes an identity class?

It’s quite hard to distinguish hack <br> now.

1 Like

@lastnigtic https://github.com/ProseMirror/prosemirror-view/pull/105