Code Monkey home page Code Monkey logo

Comments (3)

endigo9740 avatar endigo9740 commented on June 7, 2024 1

@m93a I'm not sure this is a use case we ever intended to solve with the LightSwitch component. As such, this would fall more into the category of a feature request than a bug.

While I can understand the frustration with the page display not updating when the toggle is flipped in a non-active tab, the page will correct itself the next time the other tab page are refreshed.

This scenario highlights one of several reasons the Lightswitch component will not be making the jump to Skeleton v3, including:

  1. You need very different solutions for mode state handling in Svelte/React and respective meta-framework (including Astro). As such, we'll be providing more guidance, rather than a dedicated component for handling this.
  2. We will now be natively supporting BOTH dark mode strategies Tailwind provides without the need for additional utility classes. Toggling mode has different requirements than before.
  3. Honestly the component design is too opinionated and feature set too limited. This edge case you've highlighted is an excellent case in point.

That said, I'd rather recommend you follow your work around solution for Skeleton v2 for now. But, consider following the advice in either the Tailwind dark mode docs, or rolling your own solution going forward. This will better align with the upcoming changes in Skeleton v3.

from skeleton.

m93a avatar m93a commented on June 7, 2024

Can you at least close it as "not planned" rather than "completed", since you didn't complete anything.

from skeleton.

Sarenor avatar Sarenor commented on June 7, 2024

If that helps you along, sure. If there's anything we can do to alleviate confusion, we're willing to keep discussing/communicating, too.
Either in a Discussion, Discord or whatever else works for you.

from skeleton.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.