commit 8ee6fb99acac2fe4cc1fb803068edfc1a1e24f12
parent 112978c00ffdc05f98d9425e38d7f1b708f5b90f
Author: Hunter
Date: Sat, 3 Aug 2024 23:57:37 -0400
text-overflow ellipses; set cursor position on nav
Diffstat:
1 file changed, 16 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
@@ -71,7 +71,10 @@
width: calc(100% - 30px);
margin-left: 5px;
padding: 5px;
- color: var(--text)
+ color: var(--text);
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
input[type="text"]:focus {
outline: none;
@@ -271,6 +274,10 @@
taskInput.type = 'text';
taskInput.value = task.text;
+ taskInput.addEventListener('mousedown', function(e) {
+ e.stopPropagation();
+ });
+
const keydownHandler = function(e) {
if (e.key === 'Backspace') {
if (keyHandler.backspace.blocked) {
@@ -494,6 +501,7 @@
e.preventDefault();
if (!keyHandler.shiftLeft.pressed) {
keyHandler.shiftLeft.pressed = true;
+ placeCursorAtBeginning(e.target);
navigateToParentTask();
}
}
@@ -542,10 +550,15 @@
const taskInput = document.querySelector(`.task-container[data-id="${task.id}"] input[type="text"]`);
if (taskInput) {
taskInput.focus();
+ taskInput.setSelectionRange(taskInput.value.length, taskInput.value.length);
setActiveTask(taskInput, task);
}
}
+ function placeCursorAtBeginning(taskInput) {
+ taskInput.setSelectionRange(0, 0);
+ }
+
function deleteSubtask(subtask) {
const parentTask = taskPath[taskPath.length - 1];
const index = parentTask.subtasks.findIndex(t => t.id === subtask.id);
@@ -611,6 +624,8 @@
const currentContainer = currentElement.closest('.task-container');
const currentIndex = Array.from(appContainer.querySelectorAll('.task-container')).indexOf(currentContainer);
+ placeCursorAtBeginning(currentElement);
+
if (direction === 'up') {
if (currentIndex > 0) {
const prevTask = currentIndex === 1 ? currentTask : tasks[currentIndex - 2];