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

Removing a block(s) with keyboard selection + backspace/delete does not reflect on preview or publish #65193

Closed
mzorz opened this issue Jul 4, 2022 · 7 comments
Labels
Blocks Editor blocks, aka Gutenberg blocks, plugins, and extensions [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. [Feature] Post/Page Editor The editor for editing posts and pages. [Pri] High [Product] WordPress.com All features accessible on and related to WordPress.com. [Status] Core Fix Needed A fix within the Core WordPress or Gutenberg project is required to resolve this issue. Triaged To be used when issues have been triaged. [Type] Bug

Comments

@mzorz
Copy link

mzorz commented Jul 4, 2022

Quick summary

Basically, there’s a draft post I was working on on our team’s p2 and it had a block I wanted to remove. I try removing it by deleting the words (i.e. using backspace) and then hit save -> preview. The block is still there. See p1656926868073789-slack-gutenberg-on-dotcom

EDIT: another person said to have observed the same thing. See p1656925260500609-slack-C010KDAPG49

Steps to reproduce

I haven't been able to find a way to reproduce from scratch, but basically just using the reference post pbuuvu-1vz-p2

  1. try to position the cursor at the last part of the paragraph I want to delete, and select the text of those 2 blocks
  2. start deleting using backspace and delete the 2 lines (2 blocks)
  3. save the draft
  4. go check the preview and observe the content is still there.

Check revision 17 of the post to see more, I was able to remove the blocks using the code editor:

What you expected to happen

That the removed blocks would remain removed once the draft gets saved.

What actually happened

My changes did not seem to get applied to the saved content (i.e. the blocks I deleted were still there).

Context

I was just using my team's p2 as I do regularly

Browser

Google Chrome/Chromium

Simple/Atomic

No response

Other notes

No response

Reproducibility

Once

Severity

Some (< 50%)

Available workarounds?

No but the platform is still usable

Workaround details

The only workaround I found was to just use the code editor and remove the unwanted blocks, as explained above (so, avoiding the editor altogether).
There was another person reporting to have been able to reproduce.

@mzorz mzorz added [Type] Bug Needs triage Ticket needs to be triaged labels Jul 4, 2022
@inaikem inaikem changed the title [Bug]: deleting a block is not reflected in saved draft P2: Deleting a block is not reflected in the saved draft Jul 5, 2022
@mzorz
Copy link
Author

mzorz commented Jul 5, 2022

Updated the issue description to add:

EDIT: another person said to have observed the same thing. See p1656925260500609-slack-C010KDAPG49

cc @annemirasol (reporter)

@vajrasar vajrasar added [Feature] Post/Page Editor The editor for editing posts and pages. Blocks Editor blocks, aka Gutenberg blocks, plugins, and extensions labels Jul 7, 2022
@vajrasar vajrasar changed the title P2: Deleting a block is not reflected in the saved draft Deleting a block with backspace/delete does not reflect or save Jul 7, 2022
@vajrasar
Copy link

vajrasar commented Jul 7, 2022

📌 Changes to the main report

  • I changed the title of the report

📌 SCRUBBING

  • Tested on P2 ✅
  • Tested on Simple ✅
  • Tested on AT ✅
  • Tested on Self-hosted ✅
  • Replicable on Core - Yes

📌 FINDINGS/SCREENSHOTS/VIDEO

  • I can replicate the issue.
  • The issue can be seen when a new post is created (P2/Simple/AT/Self-hosted) (with or without Gutenberg plugin installed), and you try to remove some lines of text or paragraph by the method of selecting them and pressing backspace/delete. Those lines/para won't be deleted and you can see that in preview, and also when the post is published.

📌 ACTIONS

  • Marked as Triaged for Quality Squad review

@vajrasar vajrasar changed the title Deleting a block with backspace/delete does not reflect or save Deleting a block with backspace/delete does not reflect on preview or publish Jul 7, 2022
@vajrasar vajrasar changed the title Deleting a block with backspace/delete does not reflect on preview or publish Removing a block(s) with keyboard selection + backspace/delete does not reflect on preview or publish Jul 7, 2022
@mrfoxtalbot mrfoxtalbot added the [Status] Core Fix Needed A fix within the Core WordPress or Gutenberg project is required to resolve this issue. label Jul 7, 2022
@mrfoxtalbot
Copy link

mrfoxtalbot commented Jul 7, 2022

I have tried a simple site and a self-hosted one and I cannot reproduce myself but I see multiple related reports in WordPress/gutenberg#41416 and WordPress/gutenberg#42213

@mrfoxtalbot
Copy link

I seem to be able to delete paragraphs using backspace without any issues:

Screen.Capture.on.2022-07-07.at.10-45-06.mp4

@vajrasar
Copy link

vajrasar commented Jul 7, 2022

@mrfoxtalbot 👋

I seem to be able to delete paragraphs using backspace without any issues:

In the video you shared, it seems you are selecting the blocks to delete via mouse, and not keyboard arrow key selection.

Here are detailed steps to replicate:

  1. Create a new post, and put some content on it.
  2. Say you have two consecutive blocks of text on the content that you want to remove.
  3. Place the cursor on the starting of the first line of text.
  4. Use the keyboard to select that line and the line below it.
  5. Use the backspace/delete button on keyboard to remove those lines.
  6. You should be able to see the expected change in editor.
  7. But checking preview, saving draft, and publishing the post won't show the change.

Please check step 4.

@mrfoxtalbot
Copy link

mrfoxtalbot commented Jul 8, 2022

Thank you for pointing that out, I overlooked that step. I tried selecting the text using the keyboard (Shift + Down Error as explain in step 4) but I am still unable to replicate it. I tried a simple site and a self-hosted site but no avail.

Do the paragraphs need to be of a particular length? I tried with long and short paragraphs and with/without links but it just does not work for me 🤔

Long paragraphs without links:

Screen.Capture.on.2022-07-08.at.09-14-38.mov

Short paragraphs with links:

Screen.Capture.on.2022-07-08.at.09-15-31.mp4

Any thoughts on what we could be doing different @vajrasar? Thanks again!

@cometgrrl cometgrrl added Triaged To be used when issues have been triaged. and removed Needs triage Ticket needs to be triaged labels Jul 18, 2022
@cuemarie
Copy link

cuemarie commented Oct 5, 2023

📌 ACTIONS

  • I'm no longer able to reproduce this, and the linked /gutenberg issues are now closed/resolved, so I'm closing this out as resolved.

Gutenberg 16.6.0 on a Free Dotcom site:

vNrUGA.mp4

@cuemarie cuemarie closed this as completed Oct 5, 2023
@cuemarie cuemarie added [Product] WordPress.com All features accessible on and related to WordPress.com. [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. labels Oct 5, 2023
@cuemarie cuemarie moved this from Needs Triage to Done 🎉 in Automattic Prioritization: The One Board ™ Oct 5, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Blocks Editor blocks, aka Gutenberg blocks, plugins, and extensions [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. [Feature] Post/Page Editor The editor for editing posts and pages. [Pri] High [Product] WordPress.com All features accessible on and related to WordPress.com. [Status] Core Fix Needed A fix within the Core WordPress or Gutenberg project is required to resolve this issue. Triaged To be used when issues have been triaged. [Type] Bug
Development

No branches or pull requests

5 participants