Dropdown for bookmarked searches do not appear on Android

[zrajm]

Describe the bug
When using Organice on my phone, and selecting the "Search" or "Task List" functions, no dropdown of saved (or 'starred') searches appear when the text input field is focused or clicked.

If I load organice in a tab on laptop browser the dropdown works as expected.

To Reproduce
Steps to reproduce the behavior:

1. Open Organice in Android (in Firefox browser, or PWA).
2. Click on the magnifying glass button.
3. Click text input box.
4. Dropdown with saved (or 'starred') searches fails to appear.

Expected behavior

1. Open Organice in Android (in Firefox browser, or PWA).
2. Click on the magnifying glass button.
3. Click text input box.
4. A dropdown of all saved (or 'starred') searches appear.

Screenshots
This is a screenshot of what the dropdown look like when it's working. It is here showing ":tiny" and "bookma" as saved searches. The same dropdown is absent on my Android phone. (No amount of focusing or clicking on the input field can make it appear.)

Its working on my desktop:

• OS: Ubuntu 22.04.2 LTS
• Firefox 123.0

It fails to work on my cellphone:

• Device: ZTE 8046
• OS: Android MyOS12.0.7
• Firefox 182.0.2 (25 July 2024).
  (It fails to work both in a tab in Firefox, and when run as a PWA.)

Additional context

I was trying to figure out what the star next the input field in "Search" and "Task List" is supposed to do. (I was looking because I want to bookmark searches, and the star next to the search field seem related to that). Eventually I found issue #758 and the related commits which included changes to the docs, and thus I found the relevant info in the sample.org file of the Organice repository itself. – So, as an aside, it would be lovely if the official docs (https://organice.200ok.ch/documentation.html) contained more info on how to navigate the user interface and such. Even lovelier would be a youtube with a brief intro to Organice usage focusing on showing how to use the app. (The only video I've found is https://youtu.be/aQKc0hcFXCk, which has nice background info, but is pretty boring [Sorry!] and only contains a very cursory demo of how to use the app.)

[zrajm]

Boop? It's been a couple of weeks. Just curious if anyone's reading these issues… :)

[schoettl]

Hi zrajm, thanks for your report. I'm sure that some maintainers read the report. But I guess we all have other projects and priorities currently. However if you can provide a fix in a pull request I'd be happy to review it :)

[munen]

Hi @zrajm

Thank you for your bug report🙏

organice uses the standard HTML <datalist> element. Firefox on Android unfortunately does not support that. However, Chromium based browsers do. You can test it yourself by visiting https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist in different browses on Android.

Having said so, if you do want to use Firefox on Android, would you be interested in looking into how to remedy this issue?

So, as an aside, it would be lovely if the official docs (https://organice.200ok.ch/documentation.html) contained more info on how to navigate the user interface and such.

There is documentation on the user interface. It's even interactive(; Take a look at https://organice.200ok.ch/sample under "Search / Task List / Clock List" -> "Bookmarks".

I do understand, however, that you tried looking for documentation and could not find it! The docs did easily introduce that there's an 'interactive tutorial' and a 'user manual'. For this reason, I've just opened a PR to clarify this: #991 If you want, please feel free to comment on this PR and give your input on whether or not that would have been helpful when you were looking for docs.

Even lovelier would be a youtube with a brief intro to Organice usage focusing on showing how to use the app. (The only video I've found is https://youtu.be/aQKc0hcFXCk, which has nice background info, but is pretty boring [Sorry!] and only contains a very cursory demo of how to use the app.)

My apologies for being a pretty boring screencaster🙏 However, please do feel free to use this as an opportunity. organice is free and open source software. I'd be happy to refer to a better screencast if someone stepped up and did it🌟

In any case, I hope this has been helpful. Thanks, again, for opening this issue and getting in touch 🙏

[zrajm]

Thank you for your feedback. I think (not quite certain yet) that Organice may not be the app for me after all. I found the UI a little to finicky,

• The fact that the buttons appear right under the selected item (rather than at the bottom of the screen) and thus jump around as you select another item.
• And that each item is very – isolated (I don't know exactly how to put it) – inside Emacs navigation between items can be done using the arrow keys, but in the app each item is super-much its own little universe, with it's own little text fields for editing that only appears after clicking on it.

I have no idea how to solve the latter problem (or what that'd even look like) but it got me thinking about UIs, and it was interesting to play around Organice to try to clarify the ideas in my head.

If I return to Organice (and the issue still persist) I might take a stab at it (and/or making a screencast). :) – For now I'll have to thank you for the fact that Organice exists. (Git & Emacs org-mode in one package! I just didn't think I'd find that when I set out to find todo app! So cool!) This (above) last bit of feedback is probably not in the best place, but I lack the energy to find a better place so I'll just dump it here. (Sorry!) Better some feedback, than none? Maybe?