CyberChef/src/web/TODO.md

TODOS 181

Temporary file to list todos for keeping oversight for issue [181]

---

Desktop UI:

• restore desktop UI
• search-results should really be at the top once input, with categories below it
• calcControlsHeight and adjustComponentSizes cause trouble in recipe rec-list when resizing from desktop to mobile

Mobile UI:

• bootstrap native 'x' in input[type="search"] should clear input value and then display categories rather than close the entire dropdown
• on click of input[type="search], favourites briefly opens and closes. Initially, it should be opened
• on invalid search input ( and no results ), categories should be displayed
• test with keyboard popping up because that messes with the viewheights on mobile probably

General UI:

• fix up key / tab events so UI can be navigated comfortably with keys ( inc. visual focus feedback ). Probably a lot of work though
• hover / active states can use a bit of TLC

JS:

• core/Recipe.mjs, core/lib/Magic.js return imports to original
• waiters/OperationsWaiter.mjs setVisibility is pretty generic so probably move it ( to manager? )
• operations dropdowns don't close on Escape once input[type="search"] is not in focus ( for instance, when you have added some operations from the category list ). Low priority though
• • can probably refactor the Splitter funcs to be a little more reusable etc. Low priority

Misc:

• check for remaining todos
• check for remaining comments to be deleted
• check and add browser vendor prefixes throughout stylesheets where needed
• comb through CSS and improve organisation for better DevX
• write / complete UI tests
• delete this file when done :)