account for NaN

romainmenke · romainmenke · commit bfa445a585aa · 2024-03-09T14:02:16.000+01:00
diff --git a/sites/postcss-preset-env/src/static/js/blog_relative_color_syntax_channel_values_2024_03_02.js b/sites/postcss-preset-env/src/static/js/blog_relative_color_syntax_channel_values_2024_03_02.js
@@ -257,6 +257,8 @@ function renderResult() {
 			outputColorValue.channels = outputColorValue.channels.map((channel) => channel * 255);
 		}
 
+		outputColorValue.channels = outputColorValue.channels.map((channel) => Number.isNaN(channel) ? 0 : channel);
+
 		outputChannel1Output.value = round(outputColorValue.channels[0]);
 		outputChannel2Output.value = round(outputColorValue.channels[1]);
 		outputChannel3Output.value = round(outputColorValue.channels[2]);

Original file line number	Diff line number	Diff line change
`@@ -257,6 +257,8 @@ function renderResult() {`
`257`	`257`	`outputColorValue.channels = outputColorValue.channels.map((channel) => channel * 255);`
`258`	`258`	`}`
`259`	`259`
	`260`	`+ outputColorValue.channels = outputColorValue.channels.map((channel) => Number.isNaN(channel) ? 0 : channel);`
	`261`	`+`
`260`	`262`	`outputChannel1Output.value = round(outputColorValue.channels[0]);`
`261`	`263`	`outputChannel2Output.value = round(outputColorValue.channels[1]);`
`262`	`264`	`outputChannel3Output.value = round(outputColorValue.channels[2]);`