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.

Sign up for GitHub

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

Jump to bottom

Empty block creates error message in List View #33188

Closed
pixolin opened this issue Jul 4, 2021 · 7 comments
Closed

Empty block creates error message in List View #33188

pixolin opened this issue Jul 4, 2021 · 7 comments
Labels
[Feature] List View Menu item in the top toolbar to select blocks from a list of links. Needs Testing Needs further testing to be confirmed.

Comments

@pixolin
Copy link

pixolin commented Jul 4, 2021

Description

After creating empty paragraph blocks, selecting a block in list view creates an error message "This block has encountered an error and cannot be previewed."

Step-by-step reproduction instructions

  1. Add a new page and hit Enter several times, which will produce a couple of empty paragraph blocks.
  2. Attempting to delete the blocks (no hover menu is provided, if you click into an empty block), switch to List view by clicking the three bar icon next to the details icon.
  3. Select one of the paragraph blocks in list view.

Expected behaviour

The paragraph should be selected and show an icon to delete it. No error message is expected, as an empty paragraph isn't an error.

Actual behaviour

Error message "This block has encountered an error and cannot be previewed." is shown.

Screenshots or screen recording (optional)

screenshot_1417

WordPress information

  • WordPress version: 5.8 RC1
  • Gutenberg version: 10.9.1, same issue if Gutenberg plugin isn't installed
  • Are all plugins except Gutenberg deactivated? Yes
  • Are you using a default theme (e.g. Twenty Twenty-One)? Yes, Twenty Twenty.

Device information

  • Device: Desktop
  • Operating system: Mac OS 11.4
  • Browser: Firefox 90.0B12 Developer Edition
@talldan
Copy link
Contributor

talldan commented Jul 5, 2021

@pixolin Thanks for reporting the issue. I followed the steps but couldn't reproduce this issue (with plugin active and inactive, testing in brave and firefox on Mac OS).

Anything you can think of that might be missing in the steps for reproduction? If you're able to check the browser develoepr tools for an error message, that would also be great.

As this potentially affects the 5.8 release candidate, I'll leave this open so that others can try testing.

@talldan talldan added [Feature] List View Menu item in the top toolbar to select blocks from a list of links. Needs Testing Needs further testing to be confirmed. [Status] Needs More Info Follow-up required in order to be actionable. labels Jul 5, 2021
@pixolin
Copy link
Author

pixolin commented Jul 5, 2021

This time I had to click on several blocks in the list view pane before I could reproduce the error.
However, the error showed up again and this is the error message shown in the console:

TypeError: Range.setStart: Argument 1 is not an object.
    c https://wp.test/wp-content/plugins/gutenberg/build/dom/index.min.js?ver=acb117089a1f17bee50cfdbaf815afbb:1
    M https://wp.test/wp-content/plugins/gutenberg/build/dom/index.min.js?ver=acb117089a1f17bee50cfdbaf815afbb:1
    _ https://wp.test/wp-content/plugins/gutenberg/build/dom/index.min.js?ver=acb117089a1f17bee50cfdbaf815afbb:1
    H https://wp.test/wp-content/plugins/gutenberg/build/dom/index.min.js?ver=acb117089a1f17bee50cfdbaf815afbb:1
    Ai https://wp.test/wp-content/plugins/gutenberg/build/block-editor/index.min.js?ver=dd377db2b17f722e10dd154964874d31:28
    Tj https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:179
    unstable_runWithPriority https://wp.test/wp-content/plugins/gutenberg/vendor/react.min.755b0ae9.js:24
    Za https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:73
    Ra https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:178
    gf https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:161
    g https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:73
    unstable_runWithPriority https://wp.test/wp-content/plugins/gutenberg/vendor/react.min.755b0ae9.js:24
    Za https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:73
    $g https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:73
    ja https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:73
    Pa https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:157
    Me https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:110
    e https://wp.test/wp-content/plugins/gutenberg/build/data/index.min.js?ver=1c9da20fa1d5609bb20705e94299e329:1
    t https://wp.test/wp-content/plugins/gutenberg/build/data/index.min.js?ver=1c9da20fa1d5609bb20705e94299e329:1
    y https://wp.test/wp-content/plugins/gutenberg/build/data/index.min.js?ver=1c9da20fa1d5609bb20705e94299e329:1
    b https://wp.test/wp-content/plugins/gutenberg/build/data/index.min.js?ver=1c9da20fa1d5609bb20705e94299e329:1
    a Redux
    A https://wp.test/wp-content/plugins/gutenberg/build/data/index.min.js?ver=1c9da20fa1d5609bb20705e94299e329:1
    L https://wp.test/wp-content/plugins/gutenberg/build/data/index.min.js?ver=1c9da20fa1d5609bb20705e94299e329:1
    f https://wp.test/wp-content/plugins/gutenberg/build/data/index.min.js?ver=1c9da20fa1d5609bb20705e94299e329:1
    onSelect https://wp.test/wp-content/plugins/gutenberg/build/edit-post/index.min.js?ver=678aabc72d06738abc1b01b4e4b7341a:29
    b https://wp.test/wp-content/plugins/gutenberg/build/block-editor/index.min.js?ver=dd377db2b17f722e10dd154964874d31:59
    onClick https://wp.test/wp-content/plugins/gutenberg/build/block-editor/index.min.js?ver=dd377db2b17f722e10dd154964874d31:59
    vi https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:202
    ui https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:32
    xi https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:32
    zg https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:55
    rg https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:56
    hg https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:66
    <anonymous> https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:240
    ti https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:30
    hg https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:59
    be https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:46
    he https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:45
    unstable_runWithPriority https://wp.test/wp-content/plugins/gutenberg/vendor/react.min.755b0ae9.js:24
    Za https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:73
    <anonymous> https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:240
    Ki https://wp.test/wp-content/plugins/gutenberg/vendor/react-dom.min.edd8b7a6.js:44
react-dom.min.edd8b7a6.js:141:274

I could not reproduce the error in Chrome (Mac).

Tests were made on a local nginx/Apache2 reverse proxy server, which I use frequently for testing. No plugins activated, default theme Twenty Twenty in use.

@pixolin
Copy link
Author

pixolin commented Jul 5, 2021

This is an error message, which I receive directly after creating a new post, adding empty paragraph blocks and selecting them in the list view pane. Here, the Gutenberg plugin was disabled, using the block editor from core.

TypeError: Range.setStart: Argument 1 is not an object.
    c https://wp.test/wp-includes/js/dist/dom.min.js?ver=ca2bccde9ad039adf56ecf6a9ee51746:2
    M https://wp.test/wp-includes/js/dist/dom.min.js?ver=ca2bccde9ad039adf56ecf6a9ee51746:2
    H https://wp.test/wp-includes/js/dist/dom.min.js?ver=ca2bccde9ad039adf56ecf6a9ee51746:2
    V https://wp.test/wp-includes/js/dist/dom.min.js?ver=ca2bccde9ad039adf56ecf6a9ee51746:2
    Gi https://wp.test/wp-includes/js/dist/block-editor.min.js?ver=31e596887eefffc1d3d1e76189403eb0:12
    Bh https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:126
    Dj https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:162
    unstable_runWithPriority https://wp.test/wp-includes/js/dist/vendor/react.min.js?ver=16.13.1:25
    Da https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:60
    xb https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:162
    Te https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:146
    Pg https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:61
    unstable_runWithPriority https://wp.test/wp-includes/js/dist/vendor/react.min.js?ver=16.13.1:25
    Da https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:60
    Pg https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:61
    ha https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:60
    Ja https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:224
    ch https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:93
    e https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    t https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    v https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    b https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    i Redux
    A https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    L https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    f https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    onSelect https://wp.test/wp-includes/js/dist/edit-post.min.js?ver=c813ae7c15584b6d3377812fa8030272:49
react-dom.min.js:125:24
    Me https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:125
    callback https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:139
    Wg https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:67
    oj https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:127
    Aj https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:160
    unstable_runWithPriority https://wp.test/wp-includes/js/dist/vendor/react.min.js?ver=16.13.1:25
    Da https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:60
    ab https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:154
    Te https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:146
    Pg https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:61
    unstable_runWithPriority https://wp.test/wp-includes/js/dist/vendor/react.min.js?ver=16.13.1:25
    Da https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:60
    Pg https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:61
    ha https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:60
    Ja https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:224
    ch https://wp.test/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:93
    e https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    t https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    v https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    b https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    i Redux
    A https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    L https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    f https://wp.test/wp-includes/js/dist/data.min.js?ver=7bfa3a673439e85e459d5ec92d30fdda:2
    onSelect https://wp.test/wp-includes/js/dist/edit-post.min.js?ver=c813ae7c15584b6d3377812fa8030272:49

Again, no issues in Chrome.

@talldan talldan removed the [Status] Needs More Info Follow-up required in order to be actionable. label Jul 5, 2021
@youknowriad
Copy link
Contributor

No issues for me in Firefox 89 either 🤔 Could this be specific to the developer early edition (so more of a Firefox bug) ?

@pixolin
Copy link
Author

pixolin commented Jul 8, 2021 •
edited
Loading

I close the issue as I couldn't reproduce it either after installing Firefox 89 and opening the browser without addons.

I apologize for any inconvenience my bug report may have created.

@pixolin pixolin closed this as completed Jul 8, 2021
This was referenced Mar 30, 2022
Open
Open
Open
@alecgeatches
Copy link
Contributor

FWIW I was having a similar bug and error message on Firefox 104, but only when using Gutenberg on a single monitor on Mac OS. When multiple monitors were connected it worked fine. Also, same as above, Chrome did not reproduce.

The Range.setStart: Argument 1 is not an object error appears to be a Firefox bug in certain circumstances and not Gutenberg specific.

@Verdinjoshua26 Verdinjoshua26 mentioned this issue Sep 29, 2022
Open
@flexcodenet
Copy link

Same here - Firefox
Edge - ok
Chrome - ok

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Feature] List View Menu item in the top toolbar to select blocks from a list of links. Needs Testing Needs further testing to be confirmed.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@youknowriad @talldan @pixolin @alecgeatches @flexcodenet