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

[Chrome]   is inserted instead of space #3819

Closed
nag5000 opened this issue Jan 27, 2020 · 11 comments
Closed

[Chrome]   is inserted instead of space #3819

nag5000 opened this issue Jan 27, 2020 · 11 comments
Assignees
Labels
browser:chrome The issue can only be reproduced in the Chrome browser. browser:edge The issue can only be reproduced in the Edge (edgeHTML engine based) browser. browser:safari The issue can only be reproduced in the Safari browser. status:confirmed An issue confirmed by the development team. type:bug A bug.
Milestone

Comments

@nag5000
Copy link

nag5000 commented Jan 27, 2020

Type of report

Bug

Provide detailed reproduction steps (if any)

  1. Type a space between two words somewhere in the middle of a sentence:
    <h1>Hello| world!</h1> -> <h1>Hello | world!</h1> - the caret becomes between two spaces.
  2. Press backspace to delete one space on the left.
  3. Type a space and new word "foobar".

Expected result

<h1>Hello foobar world!</h1>

Actual result

<h1>Hello foobar&nbsp;world!</h1>

Other details

It doesn't reproduce in FF.
It doesn't reproduce in Chrome in a raw <div contenteditable>.
This bug is almost the same as https://dev.ckeditor.com/ticket/11415, but reproduction steps are different.

@nag5000 nag5000 added the type:bug A bug. label Jan 27, 2020
@Comandeer Comandeer added the status:confirmed An issue confirmed by the development team. label Jan 27, 2020
@rozewski
Copy link

any update on this bug?

1 similar comment
@cmbilisim
Copy link

any update on this bug?

@f1ames
Copy link
Contributor

f1ames commented Mar 29, 2021

I wonder what is the impact of this issue, @nag5000 could you elaborate on the problems it causes for you?

Any input from other people upvoting this issue is more than welcome too. It will help us to understand better what are the cases here and what will be the best solution (and what parts of the editing/outputing process it should involve).

@nag5000
Copy link
Author

nag5000 commented Mar 29, 2021

@f1ames Writing blog posts, leaving comments... almost any case where ckeditor can be used. If the output is html with a lot of non-breaking spaces, it will not be rendered correctly to the end-user.

@nag5000
Copy link
Author

nag5000 commented Mar 29, 2021

demo-2021-03-29_15.22.44.mp4

@syedabdulaala
Copy link

Any update on this issue?

@akv31
Copy link

akv31 commented May 11, 2021

I faced this issue intermittently when updating lengthy content. Backspace and space keys are used frequently. Because of &nbsp; the line breaks. It is difficult to solve if source button is disabled.

Is this related to https://www.drupal.org/project/ckeditor_details/issues/3159925?

@f1ames f1ames added size:L and removed size:? labels May 25, 2021
@sculpt0r sculpt0r self-assigned this May 27, 2021
@sculpt0r
Copy link
Contributor

sculpt0r commented May 27, 2021

For now, I see that:

  1. Putting extra space before existing space gives us &nbsp;space combination for Chrome and FF.
  2. Visually we have caret between two spaces.
  3. When we delete first or second visual spaces (backspace or delete):
  • for chrome gives us only &nbsp;
  • for FF gives us space

The same for wysiwygarea and divarea

@sculpt0r
Copy link
Contributor

sculpt0r commented Jun 7, 2021

Also bugged in IE11 - However, it works that way even in plain contenteditable - without CKEditor.

@sculpt0r sculpt0r added browser:chrome The issue can only be reproduced in the Chrome browser. browser:ie11 The issue can only be reproduced in the Internet Explorer 11 browser. labels Jun 7, 2021
@sculpt0r sculpt0r added browser:safari The issue can only be reproduced in the Safari browser. and removed browser:ie11 The issue can only be reproduced in the Internet Explorer 11 browser. labels Jun 9, 2021
@Dumluregn Dumluregn added the browser:edge The issue can only be reproduced in the Edge (edgeHTML engine based) browser. label Jun 14, 2021
@CKEditorBot
Copy link
Collaborator

Closed in #4746

@mblagojevic10
Copy link

This bug is reproducible again after a Chrome update on version 114.0.5735.106

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
browser:chrome The issue can only be reproduced in the Chrome browser. browser:edge The issue can only be reproduced in the Edge (edgeHTML engine based) browser. browser:safari The issue can only be reproduced in the Safari browser. status:confirmed An issue confirmed by the development team. type:bug A bug.
Projects
None yet
Development

No branches or pull requests