Element.explain draws a border whose width affects the rendering of actual page content. In the ellie, the debug border width causes a misalignment of the vertical bars on the right side. This causes confusion as the developer may think the misalignment is from a mistake in their own code.
Expected behaviorexplain should simply draw the debug border as overlay on top of the actual page content, not affecting any layout in the process.
Versions
OS: Linux. Please test other OS.
Browser: Firefox ESR 78.12.0esr (64-bit); Brave Browser Version 1.26.74 based on Chromium: 91.0.4472.124 (Official Build) (64-bit). Please test other browsers.
Element.explaindraws a border whose width affects the rendering of actual page content. In the ellie, the debug border width causes a misalignment of the vertical bars on the right side. This causes confusion as the developer may think the misalignment is from a mistake in their own code.Ellie: https://ellie-app.com/dKjtYhnrZHva1
Expected behavior
explainshould simply draw the debug border as overlay on top of the actual page content, not affecting any layout in the process.Versions