Expected: a CSS filter: blur(Npx) on a div inside an <html> element renders that subtree blurred, as it would in a browser.
Actual: the whole htmlPaint draws nothing — the node is empty in dapi node capture and on the canvas. The app log repeats:
[error] Error drawing <HtmlPaint> content: InvalidStateError: Failed to execute 'drawElementImage' on 'CanvasRenderingContext2D': No cached paint record for element.
Bisected on an otherwise unchanged tree: a full-frame wrapper div with position:absolute + width/height + opacity renders correctly; adding the single static declaration filter: blur(4px) to that same div blanks it, and removing it restores the render. Both a static string value and a reactive style-object value reproduce it.
Workaround in use: the blur entry of the node-level animations prop, which is compositor-side and unaffected.
Repro
dapi mount main.jsx
dapi node capture 2002 -t 12.8
Environment
|
|
| dapi |
0.129.0 |
| platform |
darwin 25.5.0 (arm64) |
| node |
v20.19.0 |
| app |
running |
App logs
14:49:50.451 [error] Error drawing <HtmlPaint> content: InvalidStateError: Failed to execute 'drawElementImage' on 'CanvasRenderingContext2D': No cached paint record for element. (file:///Applications/Diffusion%20Studio.app/Contents/Resources/app/web/assets/index-CJwuYvmu.js:15)
14:49:50.451 [error] Error drawing <HtmlPaint> content: InvalidStateError: Failed to execute 'drawElementImage' on 'CanvasRenderingContext2D': No cached paint record for element. (file:///Applications/Diffusion%20Studio.app/Contents/Resources/app/web/assets/index-CJwuYvmu.js:15)
15:08:47.770 [error] Error drawing <HtmlPaint> content: InvalidStateError: Failed to execute 'drawElementImage' on 'CanvasRenderingContext2D': No cached paint record for element. (file:///Applications/Diffusion%20Studio.app/Contents/Resources/app/web/assets/index-CJwuYvmu.js:15)
15:08:47.770 [error] Error drawing <HtmlPaint> content: InvalidStateError: Failed to execute 'drawElementImage' on 'CanvasRenderingContext2D': No cached paint record for element. (file:///Applications/Diffusion%20Studio.app/Contents/Resources/app/web/assets/index-CJwuYvmu.js:15)
15:09:11.411 [error] Error drawing <HtmlPaint> content: InvalidStateError: Failed to execute 'drawElementImage' on 'CanvasRenderingContext2D': No cached paint record for element. (file:///Applications/Diffusion%20Studio.app/Contents/Resources/app/web/assets/index-CJwuYvmu.js:15)
15:09:48.965 [error] Error drawing <HtmlPaint> content: InvalidStateError: Failed to execute 'drawElementImage' on 'CanvasRenderingContext2D': No cached paint record for element. (file:///Applications/Diffusion%20Studio.app/Contents/Resources/app/web/assets/index-CJwuYvmu.js:15)
15:09:48.966 [error] Error drawing <HtmlPaint> content: InvalidStateError: Failed to execute 'drawElementImage' on 'CanvasRenderingContext2D': No cached paint record for element. (file:///Applications/Diffusion%20Studio.app/Contents/Resources/app/web/assets/index-CJwuYvmu.js:15)
15:10:24.665 [error] Error drawing <HtmlPaint> content: InvalidStateError: Failed to execute 'drawElementImage' on 'CanvasRenderingContext2D': No cached paint record for element. (file:///Applications/Diffusion%20Studio.app/Contents/Resources/app/web/assets/index-CJwuYvmu.js:15)
15:10:24.665 [error] Error drawing <HtmlPaint> content: InvalidStateError: Failed to execute 'drawElementImage' on 'CanvasRenderingContext2D': No cached paint record for element. (file:///Applications/Diffusion%20Studio.app/Contents/Resources/app/web/assets/index-CJwuYvmu.js:15)
Expected: a CSS
filter: blur(Npx)on a div inside an<html>element renders that subtree blurred, as it would in a browser.Actual: the whole htmlPaint draws nothing — the node is empty in
dapi node captureand on the canvas. The app log repeats:Bisected on an otherwise unchanged tree: a full-frame wrapper div with
position:absolute+ width/height +opacityrenders correctly; adding the single static declarationfilter: blur(4px)to that same div blanks it, and removing it restores the render. Both a static string value and a reactive style-object value reproduce it.Workaround in use: the
blurentry of the node-levelanimationsprop, which is compositor-side and unaffected.Repro
Environment
App logs