My Too Do
$el.closest('.item-wrapper').querySelector('textarea')?.focus())"
@keydown.shift.tab.prevent="$nextTick(() => { const prev = $el.closest('.item-wrapper').previousElementSibling; if (prev) prev.querySelector('.item-title-input')?.focus(); })"
@focus="showActions = true"
@mouseenter="if(item.title && item.title.length > 30) showTip = true"
@mouseleave="showTip = false"
class="item-title-input w-full bg-transparent border-none focus:outline-none focus:ring-2 focus:ring-primary-500 rounded px-1 py-1 text-base md:text-base font-semibold"
:class="{ 'line-through text-gray-400 dark:text-gray-500': item.is_checked }"
placeholder="Enter item..."
>
$el.closest('.item-wrapper').querySelector('textarea')?.focus())" @keydown.shift.tab.prevent="$nextTick(() => { const prev = $el.closest('.item-wrapper').previousElementSibling; if (prev) prev.querySelector('.item-title-input')?.focus(); })" @focus="childShowActions = true" @mouseenter="if(child.title && child.title.length > 30) showTip = true" @mouseleave="showTip = false" class="item-title-input w-full bg-transparent border-none focus:outline-none focus:ring-2 focus:ring-primary-500 rounded px-1 py-1 text-base font-normal text-gray-700 dark:text-gray-300" :class="{ 'line-through text-gray-400': child.is_checked }" placeholder="Enter item...">
$el.closest('.item-wrapper').querySelector('textarea')?.focus())"
class="text-xs text-gray-400 dark:text-gray-500 font-light truncate cursor-pointer hover:text-gray-500 dark:hover:text-gray-400 max-w-md mt-0.5"
x-text="getNotesPreview(child.notes)"
>
$el.closest('.item-wrapper').querySelector('textarea')?.focus())" @keydown.shift.tab.prevent="$nextTick(() => { const prev = $el.closest('.item-wrapper').previousElementSibling; if (prev) prev.querySelector('.item-title-input')?.focus(); })" @focus="grandchildShowActions = true" @mouseenter="if(grandchild.title && grandchild.title.length > 30) showTip = true" @mouseleave="showTip = false" class="item-title-input w-full bg-transparent border-none focus:outline-none focus:ring-2 focus:ring-primary-500 rounded px-1 py-1 text-base font-light text-gray-600 dark:text-gray-400" :class="{ 'line-through text-gray-400': grandchild.is_checked }" placeholder="Enter item...">
$el.closest('.item-wrapper').querySelector('textarea')?.focus())"
class="text-xs text-gray-400 dark:text-gray-500 font-light truncate cursor-pointer hover:text-gray-500 dark:hover:text-gray-400 max-w-md mt-0.5"
x-text="getNotesPreview(grandchild.notes)"
>
$el.closest('.item-wrapper').querySelector('textarea')?.focus())" @keydown.shift.tab.prevent="$nextTick(() => { const prev = $el.closest('.item-wrapper').previousElementSibling; if (prev) prev.querySelector('.item-title-input')?.focus(); })" @focus="l3ShowActions = true" @mouseenter="if(itemL3.title && itemL3.title.length > 30) showTip = true" @mouseleave="showTip = false" class="item-title-input w-full bg-transparent border-none focus:outline-none focus:ring-2 focus:ring-primary-500 rounded px-1 py-1 text-base font-light text-gray-600 dark:text-gray-400" :class="{ 'line-through text-gray-400': itemL3.is_checked }" placeholder="Enter item...">
$el.closest('.item-wrapper').querySelector('textarea')?.focus())"
class="text-xs text-gray-400 dark:text-gray-500 font-light truncate cursor-pointer hover:text-gray-500 dark:hover:text-gray-400 max-w-md mt-0.5"
x-text="getNotesPreview(itemL3.notes)"
>
$el.closest('.item-wrapper').querySelector('textarea')?.focus())" @keydown.shift.tab.prevent="$nextTick(() => { const prev = $el.closest('.item-wrapper').previousElementSibling; if (prev) prev.querySelector('.item-title-input')?.focus(); })" @focus="l4ShowActions = true" @mouseenter="if(itemL4.title && itemL4.title.length > 30) showTip = true" @mouseleave="showTip = false" class="item-title-input w-full bg-transparent border-none focus:outline-none focus:ring-2 focus:ring-primary-500 rounded px-1 py-1 text-base font-light text-gray-600 dark:text-gray-400" :class="{ 'line-through text-gray-400': itemL4.is_checked }" placeholder="Enter item...">
$el.closest('.item-wrapper').querySelector('textarea')?.focus())"
class="text-xs text-gray-400 dark:text-gray-500 font-light truncate cursor-pointer hover:text-gray-500 dark:hover:text-gray-400 max-w-md mt-0.5"
x-text="getNotesPreview(itemL4.notes)"
>
$el.closest('.item-wrapper').querySelector('textarea')?.focus())" @keydown.shift.tab.prevent="$nextTick(() => { const prev = $el.closest('.item-wrapper').previousElementSibling; if (prev) prev.querySelector('.item-title-input')?.focus(); })" @focus="l5ShowActions = true" @mouseenter="if(itemL5.title && itemL5.title.length > 30) showTip = true" @mouseleave="showTip = false" class="item-title-input w-full bg-transparent border-none focus:outline-none focus:ring-2 focus:ring-primary-500 rounded px-1 py-1 text-base font-light text-gray-600 dark:text-gray-400" :class="{ 'line-through text-gray-400': itemL5.is_checked }" placeholder="Enter item...">
$el.closest('.item-wrapper').querySelector('textarea')?.focus())"
class="text-xs text-gray-400 dark:text-gray-500 font-light truncate cursor-pointer hover:text-gray-500 dark:hover:text-gray-400 max-w-md mt-0.5"
x-text="getNotesPreview(itemL5.notes)"
>
No project selected
Choose a project from the sidebar