mirror/vanilla-todo
1
0
Fork 0
mirror of https://github.com/morris/vanilla-todo.git synced 2025-08-21 05:11:20 +02:00
Code Issues Releases Wiki Activity

mobile improvements

Browse Source
This commit is contained in:
Morris Brodersen
2020-10-21 18:00:41 +02:00
parent 1145f235a7
commit b4ce72a87b
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@@ -499,6 +499,11 @@ It's clearly the most complex part of the study, but I was able to implement it
without changing existing code besides mounting behaviors and without changing existing code besides mounting behaviors and
adding event handlers. adding event handlers.
I suspect the drag & drop implementation to have some subtle problems on
touch devices, as I haven't extensively tested them. Using a library for
identifying the gestures could be more sensible and would reduce costs in
testing browsers and devices.
Reference: Reference:
- [AppDraggable.js](./public/scripts/AppDraggable.js) - [AppDraggable.js](./public/scripts/AppDraggable.js)
@@ -555,7 +560,8 @@ One notable missing feature is Markdown support. It would be insensible
to implement Markdown from scratch; this is a valid candidate for using to implement Markdown from scratch; this is a valid candidate for using
an external library as it is entirely orthogonal to the remaining codebase. an external library as it is entirely orthogonal to the remaining codebase.
The application has been tested on latest Chrome, Firefox, and Safari. The application has been tested on latest Chrome, Firefox, Safari,
and Safari on iOS.
The original TeuxDeux application transfers around 435 KB and finishes loading The original TeuxDeux application transfers around 435 KB and finishes loading
around 1000 ms, sometimes up to 2000ms (measured on 10/21 2020). around 1000 ms, sometimes up to 2000ms (measured on 10/21 2020).

5
public/index.html
View File

@@ -2,7 +2,10 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1"
/>
<title>VANILLA TODO</title> <title>VANILLA TODO</title>

1
public/scripts/TodoItemInput.js
View File

@@ -39,6 +39,7 @@ VT.TodoItemInput = function (el) {
); );
inputEl.value = ''; inputEl.value = '';
inputEl.focus();
} }
function clear() { function clear() {