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

Autocapitalization not working on new lines in WYSIWYG field on iOS Safari #16699

Open
josephdpurcell opened this issue Dec 2, 2022 · 4 comments

Comments

@josephdpurcell
Copy link

josephdpurcell commented Dec 2, 2022

Describe the Bug

Autocapitalization is not working in the WYSIWYG field on iOS Safari for new lines.

To Reproduce

  1. Create a Collection with a WYSIWYG field
  2. Go to the create item detail page for that collection
  3. Insert your cursor into the WYSIWYG field and you'll notice that initially the character is capitalized and if you type the word "The" it is capitalized properly.
  4. Hit the enter key and notice that the character is not capitalized and if you type the word "the" it is capitalized incorrectly (ie it is lowercase).
  5. Select all text and erase it and notice the character is not capitalized and if you type the word "the" it is capitalized incorrectly (ie it is lowercase).

Here is a recording:

16699-screen-recording.mov

Note: ignore the white square/circle in the recording, that is AssistiveTouch because my home button is broken.

Errors Shown

None.

What version of Directus are you using?

9.21.0

What version of Node.js are you using?

16.18.1

What database are you using?

MySQL 8.0.31

What browser are you using?

Safari

How are you deploying Directus?

Docker

@josephdpurcell
Copy link
Author

I have an update and I want to do a recording but for some reason my local isn't working (networking issue I believe).

On iOS, when you edit a WYSIWYG you get the experience shown in the description's video. BUT, if you go back and edit it and put your cursor somewhere on a blank line, autocorrect, autopunctuate, and autocapitalization do not work. It's quite a mystery. I may be surfacing a deeper issue with web editors as noted here: codemirror/codemirror5#7009 (comment), just a TinyMCE version of it.

But, not all editors have the issue. The GitHub and Stackoverflow editor interface s(though not a WYG) do not have the issue. And the editors I tested over on #16762 do not have the issue.

@rijkvanzanten
Copy link
Member

Linear: ENG-121

@rijkvanzanten
Copy link
Member

I don't know if this is something that we can fix on Directus' side 🤔

@rijkvanzanten
Copy link
Member

rijkvanzanten commented Dec 16, 2022

(can should rather, this sounds like a bug in in TinyMCE, or a quirk in how iOS handles contenteditable changes)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 📋 Backlog
Development

No branches or pull requests

2 participants