Comments (3)
@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:
- 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.
- 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.
- 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.
Can you at least close it as "not planned" rather than "completed", since you didn't complete anything.
from skeleton.
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)
- TypeError: mediaQueryList is not a function.
- NEXT Document minimum versions for all dependencies and supported platforms
- Old LightSwitch component link in Dark Mode section of Essentials/Themes
- Additional a11y warnings to resolve
- TabGroup spacing prop does not seem to override default value HOT 3
- Autocomplete: only visible items are reachable via tab when autocomplete is scrollable HOT 2
- NEXT Focus ring/border flashes white when switching focus HOT 3
- tabs vertical HOT 6
- Update README assets for Skeleton v3 HOT 1
- NEXT Doc Search HOT 7
- Package and doc issues to resolve HOT 3
- NEXT: Installation page misspells "configure" twice HOT 1
- Web site Theme Error On Arc HOT 3
- ListBox + Popup on a Modal HOT 5
- Tailwind v4 Oxide <--> Skeleton v3 HOT 6
- Chore: Add `environment info` request on bug tickets
- Standardize Dev Tooling and CI Pipelines HOT 1
- Some v2 doc images are not displaying
- Integration: Data Visualization
- v3 Custom Theme Doc Errors
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 skeleton.