Beaver integration: Overly eager CSS breaks editor styles

[eliot-akira]

This is with the new editor based on CodeMirror 6. See folder /integrations/beaver.

[eliot-akira]

This is impossible, or very difficult and hacky to solve unless Beaver Builder improves its CSS styles, such as:

.fl-lightbox * {
  ...
}

They have a GitHub organization beaverbuilder but no open source repository for the plugin, making it unwelcome for community contribution. ¯\_(ツ)_/¯

I even briefly discussed with the author of CodeMirror.

• CodeMirror 6: Increase specificity of editor styles

---

Related:

we tried to fix this before, multiple times and it created more issues.

• Dark mode code highlighting beaverbuilder/feature-requests#88

So this is their issue and until it's solved, the Beaver integration in the Template System (L&L and Tangible Blocks) does not support CodeMirror v6.

@zackpyle - By chance I saw that you were active in that very issue I found, from 4 years ago.