Comments (5)
Agreed! We are actively using this. I'd love to help out too. I understand the desire to align with upstream, but I think some concessions would be greatly appreciated. How can I help?
From a technical perspective it's a simple change. But since you ask... one thing that would be helpful if you or anyone else have a little time is converting some of the unit tests to using svelte-inline-compile, the way this test here does:
Most of the tests were written before I discovered this library existed (it only had like 1 star on GH at the time), so I wrote my own component called TestRenderer
to use my own custom syntax for testing multiple components together:
[Component, Props, Children]
However I'd like to convert these tests to using svelte-inline-compile eventually, because the syntax is much better, and it can handle some things that aren't possible using my TestRenderer
. One of those is bind:
. I think in order to test bind:
properly, a test method will want to use a store and then bind to it in the component.
The components that will be affected by this issue are Listbox, RadioGroup, Switch, and Tabs, so the tests there that involve changing the values will be the ones that are highest priority to convert. But I'd welcome any PRs to convert any of the tests from the old TestRenderer
, if anyone feels so inclined.
(edit: this is done now)
from svelte-headlessui.
I concur, building it the svelte is the way forward.
from svelte-headlessui.
Agreed! We are actively using this. I'd love to help out too. I understand the desire to align with upstream, but I think some concessions would be greatly appreciated. How can I help?
from svelte-headlessui.
It seems to me that this issue carries utmost importance. I keep going back and forth the documentation to remind myself how React implementation of a Svelte binding is written, namely on:change assign e.details to the value (??). And tbh, I use Vue versions of the snippets because of the import statements and all that, not React.
from svelte-headlessui.
Version 2.0.0 is now published with this change.
from svelte-headlessui.
Related Issues (20)
- Switch the padding approach for adding back scrollbar width with a `scrollbar-gutter`
- Popover open slot prop on:mouseover doesn't work HOT 2
- Style disabled tabs? HOT 1
- Official support for the static attribute in TabPanel HOT 2
- Ternary Operator HOT 4
- will this project receive updates ? HOT 3
- Open source tiny rant... HOT 2
- When I click on Menu or Popover button, thing append HOT 2
- Tailwind UI navbar component problem on mobile
- prevent menu from closing when MenuItem is clicked HOT 1
- [svelte updated feature] Native HTML props are supported in typing!
- ListBoxOption typescript error with `value` prop HOT 1
- ListBox A11Y not working HOT 4
- Is this abandoned? HOT 1
- Migrate the autocomplete feature from original component HOT 2
- component disappears after refresh when used in a svelte component HOT 1
- Support for @headlessui/tailwindcss HOT 1
- List box doesn't position absolute HOT 1
- Support Svelte 4 HOT 14
- Can't bind popover's "open" prop to a boolean HOT 1
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 svelte-headlessui.