color-js / elements

WIP
12 stars 1 forks source link

[color-swatch] Make content reactive #77

Closed DmitrySharabin closed 3 months ago

DmitrySharabin commented 3 months ago

This PR fixes an issue with this demo when the swatch didn't update either on interaction with the slider or button clicks:

<button onclick="this.nextElementSibling.value = Math.random()">Random color</button>
<color-slider space="oklch"
              stops="gold, darkcyan, indigo"
              oncolorchange="this.nextElementSibling.textContent = this.color"></color-slider>
<color-swatch></color-swatch>
netlify[bot] commented 3 months ago

Deploy Preview for color-elements ready!

Name Link
Latest commit be66aa5a56810e111b63e9703a0bc16a28d2b448
Latest deploy log https://app.netlify.com/sites/color-elements/deploys/6657a3372ab9850008dfcc79
Deploy Preview https://deploy-preview-77--color-elements.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

DmitrySharabin commented 3 months ago

I'm closing this because I plan to fix all known issues in one shot.