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

[Bug]: Text Formatting Effects Reset After Input Confirmation with Japanese IME on Mobile Browsers (Safari & Chrome) #5733

Open
1 task done
bluegmlduf2 opened this issue Oct 16, 2024 · 5 comments
Labels
Category: Open Source The issue or pull reuqest is related to the open source packages of Tiptap. Type: Bug The issue or pullrequest is related to a bug

Comments

@bluegmlduf2
Copy link

bluegmlduf2 commented Oct 16, 2024

Affected Packages

tiptap/vue-3 , nuxt

Version(s)

2.8.0

Bug Description

Errors occur under the following conditions:

1.Activate Japanese IME in a mobile environment.
2.Apply effects such as making the text bold.
3.Enter text and press the confirm button.

Expected result:
The effects applied in step 2 should remain.

Observed result:
The effects applied in step 2 are removed.

This issue occurs in both Safari and Chrome browsers. Not only text size, but other effects such as highlights are also removed.

I am attaching a video. This video was recorded on the official Tiptap website.

Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2024-10-16.at.11.23.56.mp4

Browser Used

Safari

Code Example URL

https://tiptap.dev/docs/examples/basics/formatting
https://github.com/ueberdosis/tiptap/blob/develop/demos/src/Examples/Formatting/Vue/index.vue

Additional Context (Optional)

No response

Dependency Updates

  • Yes, I've updated all my dependencies.
@bluegmlduf2 bluegmlduf2 added Category: Open Source The issue or pull reuqest is related to the open source packages of Tiptap. Type: Bug The issue or pullrequest is related to a bug labels Oct 16, 2024
@GreedyWhale
Copy link

[Bug]: In ios system, using Chinese input, the setting mark is abnormal

I have the same problem and mentioned issues a long time ago, there are very many problems with this editor on iOS, in addition to these there are table related issues, cursor positioning issues, selecting multiple rows to switch apps causes the selection to be deleted ....

@nperez0111
Copy link
Contributor

Do these issues also occur with Prosemirror? https://prosemirror.net/examples/basic/

They are our base library, so often it is something that is incompatible with prosemirror rather than something with us

@GreedyWhale
Copy link

GreedyWhale commented Oct 23, 2024

Do these issues also occur with Prosemirror? https://prosemirror.net/examples/basic/

They are our base library, so often it is something that is incompatible with prosemirror rather than something with us

The Prosemirror example only has a few simple functions, so I tested the bold and italicized functions, Prosemirror behaved correctly, and tiptap reset the set styles, check out the video below!

  • Prosemirror
378_1729648277.mp4
  • tiptap
379_1729648308.mp4

@nperez0111
Copy link
Contributor

Thanks for showing the problem. Definitely a bug we should address but I'm unsure how I'd even do this. I'm not too familiar with IME to understand what to do here

@bluegmlduf2
Copy link
Author

I understand IMEs can be complex, especially with editors like Tiptap. I'm happy to help replicate the issue or provide more details from my testing. Let me know if I can assist further

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Category: Open Source The issue or pull reuqest is related to the open source packages of Tiptap. Type: Bug The issue or pullrequest is related to a bug
Projects
None yet
Development

No branches or pull requests

3 participants