search

ChartsCSS / ChartsCSS.org

Documentation website for charts.css
https://ChartsCSS.org
44 stars 228 forks source link

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

Open bkil opened 3 years ago

bkil commented 3 years ago
ramiy commented 3 years ago

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

bkil commented 3 years ago

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 commented 3 years ago

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

Mixed-Charts-css

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

bkil commented 3 years ago

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

ramiy commented 3 years ago

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

bkil commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

@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.