ITADN

Styling Issue Makes User Unable to Access Notes Belonging to a Long-Named Category

#154OpenluckyAkbar 创建于 2026-02-13
L
luckyAkbarcommented
I run the backend and frontend using latest version as per this issue is made by following the [installation instruction here](https://volmarg.github.io/docs/getting-started/installation.html). It all went smooth until I create new Categories for Notes. After that, I create a new Category for Notes. Because the `title` field doesn't seems to restrict character length, I named the Category with a reasonable name. Below is the screenshot for it. (academy name is just a dummy name) <img width="1599" height="967" alt="Image" src="https://github.com/user-attachments/assets/95ffeb2c-d0b8-43b5-80be-5b0cf9a48241" /> the result: <img width="1605" height="952" alt="Image" src="https://github.com/user-attachments/assets/9dbb8b10-542e-4fb9-8860-c39df6aacc5b" /> At this time, I didn't notice the problem because I immediately wanting to create a secondary category to organized my notes based on "month-year". Thus, I come back to Notes Setting to create a new category. <img width="1632" height="968" alt="Image" src="https://github.com/user-attachments/assets/02ee8d64-988c-418c-ba0f-c8710faa78ce" /> the result: <img width="1919" height="1033" alt="Image" src="https://github.com/user-attachments/assets/9a712cc6-ac3c-4a0e-aa5a-9b8480a80fef" /> Creating a Note for that second category will make me unable to see the created note. <img width="1003" height="623" alt="Image" src="https://github.com/user-attachments/assets/e2508b38-be93-4cc7-a434-f2853ca63d8a" /> After submitting the note, there is simply no way for me to read my note <img width="1919" height="567" alt="Image" src="https://github.com/user-attachments/assets/3037e0cb-2e65-4107-9737-aa94f71175f7" /> The only way I was able to read my note back was to collapse the sidebar and hover the Notes icon to traverse all the categories. <img width="1530" height="606" alt="Image" src="https://github.com/user-attachments/assets/54587df5-a526-4daa-b2fc-b6eda88451f2" /> <img width="1919" height="630" alt="Image" src="https://github.com/user-attachments/assets/f6bd3268-6327-440f-89cf-f348b64a5a4e" /> Even though in the end I'm able to see my note, I still think this is a simple visual bug, where I expect to be able to see my Note Categories even though the name might be too long without collapsing the sidebar first. My suggestions to fix this are either we limit the Category's title chars length or force the arrow up / arrow down icon to be shown regardless the title's length. However, I do want to get your input as well for the solution. I can also opens a PR to help solve the issue once it is acknowledged and the solution is decided. As a side note, my original intention using this app is to use it as my personal notetaking app for my academy. Thus, the need for group my notes based on the academy name as parent category and then secondary category as month - year the notes was taken. This use case should be a pretty common use case, thus when I encounter this issue, I think it is worth to post is as a Github Issue. I tried to lower the zoom level on my browser but to no result. I can shorten the Category's title, but because the notes seems to "disappear" when created under a category with long title, it makes me surprised and thinking my notes was gone right after it was submitted. I consider that as a bad experience for a first time user.
1 条评论