sveltejs / svelte-todomvc Goto Github PK
View Code? Open in Web Editor NEWTodoMVC implemented in Svelte
Home Page: http://todomvc.svelte.dev
TodoMVC implemented in Svelte
Home Page: http://todomvc.svelte.dev
The items left total does not update often, such as when an item is completed
After double clicking item and editing text enter button causes following error:
Uncaught TypeError: Cannot set property 'description' of undefined
at E.submit (TodoMVC.html:159)
at HTMLInputElement.m (shared.js:46)
at E.blur (TodoMVC.html:121)
at HTMLInputElement.<anonymous> (TodoMVC.html:22)
at HTMLInputElement.d (TodoMVC.html:56)
Doesn't work on Opera 54, Chrome 68, Firefox 61 on production version on http://svelte-todomvc.surge.sh/
Maybe we should consider post this in the "official" repository? https://github.com/tastejs/todomvc
Of particular interest is the final output before minification, since only this reveals the magical disappearance. Reading the final bundle.js from http://svelte-todomvc.surge.sh/ is only partially helpful as this demos the size but the minified and uglified code is hard to read.
Maybe you can add a dist folder with the unminified js output.
Thank you, great work.
When on the Active filter, checking an item should make it no longer visible in the view, since the filter is for items that are Active (not completed) only.
this is a nasty thing, i try to handle elegantly in another framework. faced the very same problem.
When running the application, a warning appears in the console:
rollup v1.7.3
bundles src/main.js โ public/bundle.js...
(!) svelte plugin: A11y: Avoid using autofocus
src/TodoMVC.svelte
92: on:keydown={createNew}
93: placeholder="What needs to be done?"
94: autofocus
^
95: >
96: </header>
src/TodoMVC.svelte
117: on:keydown={handleEdit}
118: on:blur={submit}
119: autofocus
^
120: >
121: {/if}
created public/bundle.js in 369ms
[2019-10-13 10:47:46] waiting for changes...
Checking and unchecking items does not update the number of items left.
When I double click an item, I can change the text, but I cannot commit the change into the model. Clicking anywhere does nothing, double clicking a different item makes that item editable, but reverts the changes.
Tested:
Chrome Version 56.0.2924.87 (64-bit)
FF 53.0.3 (32-Bit)
IE 11.0.9600.18617
The npm scripts and rollup config are not in line with https://github.com/sveltejs/template.
I believe there are also some issues with http-server that cause the program to not be served correctly locally (at least for me). Mainly http-party/http-server#525.
The copyfile
task is failing when the dist
folder doesn't exist.
Prefacing the script with mkdir -p dist
will fix it.
OS: macOS Sierra
I can't edit existing todos in Chrome mobile. Double tap zooms in, long tap highlights for copying.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.