Builder content link
Builder public api key
f49a4479fc8b4fff8fa77fa179c7c21b
Detailed steps to reproduce the bug
Accessing a page through the HTML API works fine; however, the Qwik API mangles custom properties entered inside the editor and removes the two hyphens at the start of the CSS custom property, OR inserts hyphens in random places.
Screenshots or video link
Should be: --h3-tag-font-size
Should be: --section-grid-template-columns
Where this is entered (CSS properties in the editor):
Code stack you are integrating Builder with
Special use case vanilla js / html…
I am referring to the builder API here for server rendering our builder editor content:
Builder.io
Discover Builder’s Qwik API, a performance-optimized HTML alternative. Pre-render content into JavaScript-free optimized HTML with dynamic capabilities.
Builder’s Qwik API is an performance-optimized alternative to the [HTML API]
Please don’t send me to discord this is a BUILDER.IO issue
Hello @latchdigital,
We had a look at the reported issue and it seems the builder Qwik API is returning the custom CSS properties set correctly
https://cdn.builder.io/api/v1/qwik/page?url=https%3A%2F%2Fyour-site.com%2Fsome-page%3Fand%3Dquery&apiKey=f49a4479fc8b4fff8fa77fa179c7c21b&userAttributes.urlPath=%2F&limit=1
Are hyphens being removed while rendering the page server-side?
Hi there, yes. But as you can see in the actual style tag inside the HTML output these are messed up:
Hello @latchdigital,
I am happy to confirm that I was able to reproduce the issue you are experiencing thanks to the details and steps you have provided.
I will now discuss the issue internally in order to determine the next steps. Once I have further updates, I will get back to you.
Thanks,
Any ETA on this. I’d love to use this API (for a very basic site), it is amazingly fast.
Hello @latchdigital,
We are still working on this internally. We don’t have an ETA at the moment, but rest assured I will be sure to keep you updated as soon as we make any progress.
Best regards,