Web Component Editor

This example uses a shadow DOM to encapsulate the editor styles so it can use independent styles (for example, using Tailwind for the component, while the project uses Bootstrap).

Using a shadow DOM could introduce some issues with extensions, and we'll find out soon enough.

Dummy side bar
Back to Home

There's no content here, nor is it really a side bar, we just want take away some space to simulate how an app might look


We can use this space to write down any issues we find due to the shadow DOM encapsulation.


Issues
  • The drag extension has issues with visibility and positioning
  • It turns out that adding Tailwind in a web component is a pain (I will just use CSS)