Boyd
CDCloudflare Developers
•Created by Boyd on 9/24/2024 in #browser-rendering-api
Hello everyone! We've got a pipeline
I've been able to work around this issue by putting the backdrop blur onto its own layer and positioning it underneath the form content. Same visual effect in the app, plays nicer with the Browser Renderer.
Would still love to know what I could be doing to make the proper blur-on-the-container situation work.
6 replies
CDCloudflare Developers
•Created by Boyd on 9/24/2024 in #browser-rendering-api
Hello everyone! We've got a pipeline
6 replies
CDCloudflare Developers
•Created by Boyd on 9/24/2024 in #browser-rendering-api
Hello everyone! We've got a pipeline
6 replies
CDCloudflare Developers
•Created by Boyd on 9/24/2024 in #browser-rendering-api
Hello everyone! We've got a pipeline
UPDATE: for the background images it's because I made a mistake! :tada_vue:
Our app was importing the filters CSS file in the editor but not on the published pages routes. So in our local testing we'd see the filters because they were already loaded, but on the "live" (not launched) app the filters CSS file was never loaded. DOH!
Now I just need to figure out why the backdrop blur filter results in all child content not rendering.
6 replies
CDCloudflare Developers
•Created by Boyd on 9/24/2024 in #browser-rendering-api
Hello everyone! We've got a pipeline
Interestingly, ScreenshotOne which also uses the Cloudflare Browser Rendering API is able to take a screenshot of the page with the filters on the images and the background blur rendered appropriately.
This leads me to believe that we must be missing something in our own setup that we need to enable in order to better support these effects in our own pipeline.
6 replies
CDCloudflare Developers
•Created by Boyd on 9/24/2024 in #browser-rendering-api
Hello everyone! We've got a pipeline
6 replies