Comments (16)
Yes, I noticed this as well. Had not gotten around to commenting.
from color.js.
Ugh, sorry about that. I’ll take a look. FWIW that should not hold up the release.
from color.js.
Weird—for some reason I can edit them just fine in Firefox, but it doesn't work in Chrome
from color.js.
This is what the inspector looks like in Chrome:
And this is what it looks like in Firefox (ignore the data-dashlane-*
properties):
There seems to be a <textarea>
that's completely missing in Chrome, and Chrome has individual <span>
s for every token. Not really sure what might be causing that.
from color.js.
After checking again, it looks like it actually seemingly randomly goes back and forth between working and not working after refreshes (on Firefox).
from color.js.
I don't know their document system well enough to debug. If it had been a clear issue originating from the color library, I would have spent more time looking at it. I saw some cross origin complaints and a shadow root complaint:
prism-live.js?load=javascript:1 Uncaught (in promise) TypeError: Failed to resolve module specifier './prism-live.mjs'. The base URL is about:blank because import() is called from a CORS-cross-origin script.
at prism-live.js?load=javascript:1:1
Uncaught TypeError: Cannot read properties of null (reading 'shadowRoot')
at handleNodesDeep (content.js:208:22)
at handleDocument (content.js:164:25)
at load (content.js:59:17)
at content.js:200:55
from color.js.
The issue seems to be the CORS error. Running chrome as below fixed the issue.
open /Applications/Google\ Chrome.app --args --user-data-dir="/var/tmp/chrome-dev-disabled-security" --disable-web-security --disable-site-isolation-trials
Safari did not seem to have an issue, and I was able to reproduce the intermittent issue with Firefox. I assume fixing the cores issue with Prism will likely get things working everywhere.
from color.js.
I recently switched Prism Live to use ESM and I think that's what broke this. Should be an easy fix.
from color.js.
Ok, that explains it. I was trying to figure out what changed.
from color.js.
Should be fixed now, sorry about that!
from color.js.
@LeaVerou It is working again! As a side note, I'm not sure if you are aware, but selections are invisible currently, it makes it difficult to select and copy specific things in examples. I assume it is a style regression, but I haven't looked into it too much yet.
from color.js.
Oof, no, I was not aware, thanks. Will fix it today.
from color.js.
I am getting some odd results in live editing, too
from color.js.
FYI, the selection issue seems to be chrome only.
from color.js.
It is only mac as well...
from color.js.
The live editor is still (again?) broken for me in Chrome:
Uncaught (in promise) TypeError: Failed to resolve module specifier './prism-live.mjs?load=javascript'. The base URL is about:blank because import() is called from a CORS-cross-origin script.
at prism-live.js?load=javascript:16:28
from color.js.
Related Issues (20)
- Color scales: gradient-like interpolation across multiple color stops HOT 4
- Scientific notation causes error in OKLCH? HOT 2
- new Color("--acescg").space.coords[i].range does not match coordinates of actual colors HOT 30
- OKHsl is on docs but actually not in the published version HOT 2
- Make it possible to serialize to the same format as parsed
- OkHSL/OkHSV does not use NaN for hue-less colors HOT 5
- Color.js is very error-happy
- Color space should be optional in `setAll()`
- Alpha is only clamped when parsing a color via the constructor, but not in `parse()`
- `color()` with more or fewer arguments should be invalid
- new Color("darkred").display() returns "rgb(0.5451 0 0)" HOT 5
- Newly broken tests HOT 7
- Customize `serialize()` output types without having to specify a whole format HOT 1
- New achromatic logic in LCH is not sufficient for all achromatic colors HOT 1
- Color.js typing for Coords is number even though functions may return null
- Thank you!
- Include htest tests in CI
- Keep track of parsing metadata on `Color` instances
- If parsing metadata is available, default to the same format when serializing
- Preparing for v0.6.0 HOT 11
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from color.js.