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.

Sign up for GitHub

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

Jump to bottom

NcRichContenteditable shows cursor at end of placeholder when not focused #3828

Closed
ChristophWurst opened this issue Feb 27, 2023 · 5 comments · Fixed by #3832
Closed

NcRichContenteditable shows cursor at end of placeholder when not focused #3828

ChristophWurst opened this issue Feb 27, 2023 · 5 comments · Fixed by #3832
Labels
0. to triage bug Something isn't working design Design, UX, interface and interaction design feature: rich-contenteditable Related to the rich-contenteditable components

Comments

@ChristophWurst
Copy link
Contributor

Talk uses NcRichContenteditable for chat messages and as a user I do not expect to see a cursor at the end

Bildschirmfoto vom 2023-02-27 14-23-28

I expect it at the left. Just like when I focus the input.
@ChristophWurst ChristophWurst added bug Something isn't working design Design, UX, interface and interaction design 0. to triage labels Feb 27, 2023
@ShGKme
Copy link
Contributor

ShGKme commented Feb 27, 2023

I cannot reproduce...
Does the cursor always appears in the end of the placeholder the right for you? Or only after specific actions?
Any Web-Browser?

@ChristophWurst
Copy link
Contributor Author

ChristophWurst commented Feb 27, 2023 •
edited
Loading

FF 110.0 (64-bit) on Linux

@ChristophWurst
Copy link
Contributor Author

Steps to reproduce

  1. Load Talk Bildschirmfoto vom 2023-02-27 14-42-18
  2. Enter some text Bildschirmfoto vom 2023-02-27 14-42-33
  3. Remove the text Bildschirmfoto vom 2023-02-27 14-42-45

@raimund-schluessler raimund-schluessler added the feature: rich-contenteditable Related to the rich-contenteditable components label Feb 27, 2023
@raimund-schluessler raimund-schluessler changed the title NcRichContenteditable shows cursor at end of placeholder when not focused NcRichContenteditable shows cursor at end of placeholder when not focused Feb 27, 2023
@ShGKme
Copy link
Contributor

ShGKme commented Feb 27, 2023 •
edited
Loading

Can reproduce on the Firefox on Windows too.
Also, reproduceable on https://nextcloud-vue-components.netlify.app/#/Components/NcRichContenteditable

Seems like adding absolute position to the placeholder fixes the problem.

@raimund-schluessler raimund-schluessler linked a pull request Feb 28, 2023 that will close this issue
Fix rich content placeholder position #3832
Merged
@raimund-schluessler raimund-schluessler mentioned this issue Feb 28, 2023
Merged
@ChristophWurst ChristophWurst mentioned this issue Mar 22, 2023
Open
@ChristophWurst
Copy link
Contributor Author

Follow-up: #3912

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
0. to triage bug Something isn't working design Design, UX, interface and interaction design feature: rich-contenteditable Related to the rich-contenteditable components
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix rich content placeholder position nextcloud-libraries/nextcloud-vue
3 participants
@ChristophWurst @raimund-schluessler @ShGKme