This commit removes the unnecessary HTML canvas element that was causing
persistent overlap issues with widgets at the bottom of the node.
Root Cause Analysis:
- The widget was creating an HTML <canvas> element with absolute positioning
- But ALL rendering was done directly to the LiteGraph canvas context (ctx)
- The HTML canvas served NO purpose but was positioned over the node
- This caused overlap with bottom widgets (box_x/y/w/h) and extended beyond bounds
The Fix:
- Removed HTML canvas creation (document.createElement("canvas"))
- Removed canvas positioning code (absolute positioning, transform-aware updates)
- Removed off-screen hiding mechanism (onDrawBackground handler)
- Removed canvas cleanup code (onRemoved handlers)
- Reduced BOTTOM_MARGIN from 80px to 10px (no longer needed)
Result:
- Canvas visualization drawn ONLY to LiteGraph canvas (native rendering)
- No HTML elements overlaying the node
- Widgets no longer overlap canvas
- Canvas no longer extends beyond node bounds
- 70 lines of unnecessary code removed
This is the CORRECT approach - drawing directly to ctx without HTML overlays.
Claude
a44c2c4753