Comments (4)
Found the problem, events are forwarded to the outer <div>
container. This is intentional, although I forgot to forward the input-specific events to the slider's <input>
element. Should be an easy fix.
from fluent-svelte.
For now I modified the Slider.svelte file with an reactive onChange(value) function as shown on https://graphcms.com/blog/data-binding-in-svelte.
from fluent-svelte.
After further investigation it seems that <input>
elements need to be modified via user interaction (vs programmatic value setting) for change
and input
events to be fired. I've pushed a fix that dispatches a custom change event for <Slider />
. Closing as this will be fixed in the next publish.
from fluent-svelte.
@Tropix126 Unfortunately the event target and therefor the value aren't accessible in the CustomEvent returned from the Slider Component.
from fluent-svelte.
Related Issues (20)
- Pass the current TextBox value as a slot variable for buttons HOT 1
- NavigationView HOT 4
- Adding required dependencies `sass` and `node-sass` in the README / Getting started HOT 4
- Add `color` property to ProgressRing HOT 3
- `<ComboBox>` fires `select` event every time an object in `items` is changed HOT 1
- Draggable ToggleSwitch HOT 1
- Include "Selawik" Font as a font-family fallback
- AutoSuggestBox - Various Details
- Add placement to Combobox flyout
- Add a way to force dark theme HOT 1
- [Question] Up-left menu bar orientation ?
- Fluent Svelte for SvelteKit does not work at all HOT 2
- Expanders inside Expander don't toggle
- RadioButton center part size is bigger than main design
- Is this project still active? HOT 7
- Slider thumb misaligned with ticks
- on:close event of InfoBar won't trigger
- TabList component HOT 1
- Fluent UI v9 Table component missing
- missing exports condition
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 fluent-svelte.