Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Markdown toolbar hidden when selecting text on mobile #127

Open
marc-farre opened this issue Nov 17, 2023 · 5 comments
Open

Markdown toolbar hidden when selecting text on mobile #127

marc-farre opened this issue Nov 17, 2023 · 5 comments

Comments

@marc-farre
Copy link
Contributor

What steps will reproduce the problem?

  1. Open Humhub on a mobile device
  2. Write a new post (don't save)
  3. Select some text you've just written

What is the expected result?

It is possible to access the toolbar, e.g. to change your text to bold.

What do you get instead?

A mobile contextual menu is displayed on top of the toobar.

Humhub mobile app (Android):
Screenshot_20231117_111411_com humhub app resized

Chrome (Android):
Screenshot_20231117_111642_com brave browser resized

Additional info

Discussion: https://community.humhub.com/comment/perma?id=46837

Q A
HumHub version 1.15.0
@ArchBlood
Copy link

The issue is more of a probably with the UI, see humhub/polls#73 for the quick solution to the problem.

@felixhahnweilheim
Copy link

On my phone I can move the toolbar somewhere else (just by holding it). But I guess most users don't know that.

@marc-farre
Copy link
Contributor Author

On my phone I can move the toolbar somewhere else (just by holding it). But I guess most users don't know that.

Not on my Android 11 with Brave or the Humhub mobile app

@felixhahnweilheim
Copy link

Ok, I am on Android 13. (It works the same on any browser or app.)
https://github.com/humhub/humhub/assets/84990763/b6c6febb-baeb-48f2-9816-3aec1304d21e

But I still would recommend to move the Prosemirror toolbar to somewhere else (in mobile view).
Ideally directly over the keyboard if possible. (That's how other apps, e.g. GitHub Mobile or the Samsumg Notes App, do it. But I don't know if there is a good way for a web-based app).
Screenshot_20231117_221813_Samsung Notes.jpg

Alternatively it could be directly under the text field maybe?

@ArchBlood
Copy link

Ok, I am on Android 13. (It works the same on any browser or app.) https://github.com/humhub/humhub/assets/84990763/b6c6febb-baeb-48f2-9816-3aec1304d21e

But I still would recommend to move the Prosemirror toolbar to somewhere else (in mobile view). Ideally directly over the keyboard if possible. (That's how other apps, e.g. GitHub Mobile or the Samsumg Notes App, do it. But I don't know if there is a good way for a web-based app). Screenshot_20231117_221813_Samsung Notes.jpg

Alternatively it could be directly under the text field maybe?

It should be in focus mode by default, so as soon as typing is done it should focus on the field, as for the highlighting and native popup function of the keyboard, that is a slightly harder issue to fix as it comes from the keyboard function, the only way of fixing this would be switching the richtext editor to LAYOUT_INLINE which is slightly bulky, moving the editor toolbar was mentioned before but I don't know why the discussion was stopped afterward.

@luke- luke- transferred this issue from humhub/humhub Nov 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants