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

RT mode displays weirdly content made from HTML paragraph and HTML comment tags #207

Open
quan1506 opened this issue Jul 24, 2022 · 2 comments
Labels
bug Something isn't working html Issue with html parsing or rendering mode - rich text Affects the editor's rich text (wysiwyg) mode

Comments

@quan1506
Copy link

Describe the bug
A combination of HTML p tag and comment tag in the MD mode are display weirdly in RT mode:

  • The p content is overlapped with the editor empty state's placeholder text
  • The text is wrapped in a blue border box
  • The text is uneditable. Inserting new words make the whole text be removed.
  • Even back to the MD mode to remove the HTML comment, the issue is still remaining.

To Reproduce
Steps to reproduce the behavior:

  1. In MD mode, insert this:
<p>A paragraph.</p>
<!--This is a comment -->
  1. Back to RT mode and see the error:
    image

Expected behavior
The RT display shouldn't be affected by the HTML comment tag. Display p tag element with or without HTML comment should be the same.

Desktop (please complete the following information):

  • OS: macOS
  • Browser Chrome
  • Version 103.0.5060.114 (Official Build) (arm64)

Additional context
I also reported the issue in the Feedback Stack editor thread here.

@quan1506 quan1506 added the bug Something isn't working label Jul 24, 2022
@b-kelly b-kelly added mode - rich text Affects the editor's rich text (wysiwyg) mode html Issue with html parsing or rendering labels Jul 27, 2022
@Justin-MSE
Copy link

Justin-MSE commented Jul 28, 2022

The p content is overlapped with the editor empty state's placeholder text.

Are there any plans to include placeholder text in the Stacks editor that is being used on SE? Currently, it is only visible in the demo editor. @b-kelly

@b-kelly
Copy link
Collaborator

b-kelly commented Jul 28, 2022

@Justin-MSE That would depend on the teams in charge of implementation on that side of things. Enabling this feature is fairly trivial though, so I'll mention it to the folks that are making the changes there so we can ensure it gets added.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working html Issue with html parsing or rendering mode - rich text Affects the editor's rich text (wysiwyg) mode
Projects
Status: Todo
Development

No branches or pull requests

3 participants