The mixed charts example without JavaScript shows up as three separate charts

[bkil]

• https://chartscss.org/charts/mixed/#stock-chart

[ramiy]

@bkil What is the problem with that? You can use three separate css charts to displayed as a single "Stock Chart"

[bkil]

I would expect these three charts to overlay, but with NoScript, they are displays one below the other. This would be a huge selling point for a NoScript/CSS-only library and should work, but I think some of the dynamic styles on the demo page interfere with these divs. I didn't debug what causes it, though.

[ramiy]

The example displays 3 charts atop one another using CSS (No JS). The demo has no dynamic styles.

Same result on Chrome, Firefox and Edge. Do you see something different?

[bkil]

What extension did you use to disable JavaScript in your browser? This is how it looks like with ScriptSafe or uMatrix:

[ramiy]

I don't use browser extensions. Just open the page in Incognito or disable your browser extensions.

[bkil]

Again, this issue is about the example not showing with JavaScript disabled.

I always test CSS-only frameworks without JavaScript and if a demo does not look right without JavaScript, it is not convincing.

[ramiy]

Again, this issue is about the example not showing with JavaScript disabled.

Ok, now I understand. Thank you for your patient clarifying the issue.

I did not tested with JavaScript disabled but I should note that the framework doesn't load any JS files, only CSS files.

I'll disable JS and share the conclusions here.

[ramiy]

@bkil tested...

I disabled JS on chrome and mixed charts stopped working. Very interesting result. CSS is not working as expected when JS is disabled.