Comments (3)
Simplified REPL.
Also, bug is not present when using Svelte 5.
from svelte.
The value of myObjectItem
in <ComponentBody>
is currently set to the prop fallback value of <ComponentChild>
because of the binding. Hence, the value passed from the page to <ComponentBody>
is overwritten by that binding.
from svelte.
@eltigerchino The fallback should not be used at all since the object is defined at all time. Its weird that it uses a fallback and sets it to null.
Also I've tried removing the LayoutManager and replacing it with and if statement and suddenly it worked as expected without setting the bind property to null.
In the following repo I've removed the layout manager and repalced it with an if statement:
REPO: https://github.com/zommerberg/sveltekit-bind-bug-without-layout
BLITZ: https://stackblitz.com/~/github.com/zommerberg/sveltekit-bind-bug-without-layout
Here the funciton does not get executed (as it should) and it behaves without the bug but the bind: is still not present yet svelte handles it correctly.
from svelte.
Related Issues (20)
- Svelte 5: SVG elements within <slot> fallback not displayed
- Svelte 5: Unnecessary `ownership_invalid_mutation` warning HOT 1
- Performance of accessing deeply reactive state HOT 10
- Svelte 5: Why is this object a Proxy only when the `page` field is 1? HOT 10
- pre-process script 'process-messages' not working when .DS_Store is in `messages/` directory
- Svelte 5: Properties on fallback prop value only initially reactive
- Invalid mutation or binding when modifying array elements
- Svelte 5 Runes: Not copying correct name using binding search with derived HOT 3
- Source Code permission HOT 3
- Reactivity not working on safari v12.5.7 HOT 1
- Svelte 5 watch derived change and run view-transition HOT 4
- Svelte 5 Map Reactivity issue HOT 3
- Relative import paths need explicit file extensions in ECMAScript imports when '--moduleResolution' is 'node16' or 'nodenext'. Did you mean './types.js'?ts(2835) HOT 1
- SVG animation with in:draw and delay is visible before the animation HOT 2
- Element with a fade in animation flickers HOT 3
- Pass Prop with Syntax as Object HOT 5
- a11y: Add #show directive to support dynamic show/hide of elements while being screen reader compatible HOT 1
- Svelte 5: Confusing and unclear warning `state_referenced_locally` HOT 7
- Svelte 5: Add element tag template literal shorthand HOT 1
- Incorrect warning on <div style="scroll:auto" tabindex="0"> HOT 2
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.