Incredibly slow and unresponsive when trying to edit a simple paragraph block #12265

maddisondesigns · 2018-11-24T05:50:30Z

Describe the bug
Just trying to type in some dummy content and the edit page is incredibly unresponsive and it takes forever for the block to catch to your typing. It tooks almost 2 minutes to enter 201 random characters. i.e. it took about 20 seconds to type the characters and almost 2 minutes for those charcters to actually display in the block

Vid: https://cl.ly/cb4d6f22b30f

On a sidenote, the laptop fan went crazy just trying to edit a single page.

To Reproduce
Steps to reproduce the behavior:

Open a page and try and add content

Expected behavior
The editor shouldn't be this slow and unresponsive. There have never any issues like this with the Classic Editor

Desktop (please complete the following information):

macOS Sierra 10.12.6
Firefox Quantum 63.0.3 (64-bit)
WP 5.0-RC1-43944

youknowriad · 2018-11-26T08:26:28Z

Could you provide more information about your setup:

how many blocks do you have in your page? Can you paste the content of your page here
I see you have "yoast", it can be impactful, can you try without plugins?

gziolo · 2018-11-26T08:28:33Z

Does it happen to the existing pages when you try to edit or also on a newly created page? Can you share the HTML content of the page which has the worse performance?

maddisondesigns · 2018-11-26T10:59:48Z

The post above was a test page with examples of lots of different types of blocks.
As suggested, I've run a few more tests...

Using the same post as above, with only Yoast and WooCommerce* activated, you can see that it's very slow.
Vid: https://cl.ly/58c8f334c1bb

With only WooCommerce activated (no Yoast), it was significantly faster, but still slower than expected.
Vid: https://cl.ly/000be1dcd7b3

When testing with a brand new page, even with Yoast activated, there's no noticeable lag
Vid: https://cl.ly/62fcef3c5827

Running that last test again on another new page, without Yoast, produces pretty much the same result as it did with Yoast activated. There was no noticeable lag.
Vid: https://cl.ly/6a28dca01752

From this, I would conclude that the issue seems to be more related to the number of blocks on the page, rather than specifically Yoast (or another plugin). While there was an improvement when Yoast was deactivated, there was still a noticeable lag when typing. Also, as can be seen by those last couple of tests, when there's very little content on the page, there was no significant lag no matter whether Yoast is activated or not.

I'll post the page content for you in a separate comment. Since it's a local site, some of the images wont display for you if you use this content, but if you'd like them, just let me know and I can zip them up for you.

*I kept WooCommerce activated simply because I wanted to test the Shortcode block and it just happens to be a plugin that I know that includes shortcodes

youknowriad · 2018-11-26T11:03:04Z

I think there are two issues:

There's an issue with laginess the more you have blocks. You probably start to notice this when you have more than 200 blocks or something. This will be improved by Extract the attributes from the editor's state shape to enhance performance #12268
There's an issue with Yoast plugin serializing the content on each key strike.

I'm closing this as duplicate of #11782

maddisondesigns · 2018-11-26T11:03:23Z

<!-- wp:paragraph {"align":"center","textColor":"eclipse","backgroundColor":"white-smoke","fontSize":"extralarge"} -->
<p style="text-align:center" class="has-text-color has-background has-extralarge-font-size has-eclipse-color has-white-smoke-background-color">Common Blocks</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>Paragraph Block<br></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>
Vestibulum pretium sodales leo. Morbi feugiat pellentesque tempus. 
Suspendisse vitae dictum lacus, non scelerisque diam. Interdum et 
malesuada fames ac ante ipsum primis in faucibus. Vestibulum scelerisque
 sed risus at volutpat. Duis ultrices leo at faucibus pellentesque. 
Nulla tincidunt non dolor cursus pretium. Aenean vel augue ultricies, 
vulputate mauris eleifend, blandit sapien. Cras mollis urna quis quam 
bibendum, eget convallis tellus semper. Ut ac neque a enim tempus porta.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>In cursus tortor et porta viverra. Morbi varius tincidunt volutpat. Integer a euismod nisi, quis porta sapien. Morbi tristique, orci nec faucibus finibus, urna est porta felis, nec consectetur nunc eros ac quam. Fusce et erat et nunc ultrices posuere. Suspendisse hendrerit, tellus nec fermentum dictum, nulla elit ultricies ex, id sollicitudin nisi mi egestas augue. Nullam quis risus vitae sem dictum tincidunt. Mauris pellentesque molestie neque, nec molestie ligula ullamcorper vitae.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>Heading Block</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":1} -->
<h1>H1 Heading</h1>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2>H2 Heading</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<h3>H3 Heading</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<h4>H4 Heading</h4>
<!-- /wp:heading -->

<!-- wp:heading {"level":5} -->
<h5>H5 Heading</h5>
<!-- /wp:heading -->

<!-- wp:heading {"level":6} -->
<h6>H6 Heading</h6>
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<h3>Image Block<br></h3>
<!-- /wp:heading -->

<!-- wp:image {"id":3693} -->
<figure class="wp-block-image"><img src="https://dummyimage.com/2560x800/d3d3d3/ffffff.jpg" alt="" class="wp-image-3693"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":3693,"align":"wide"} -->
<figure class="wp-block-image alignwide"><img src="https://dummyimage.com/2560x800/d3d3d3/ffffff.jpg" alt="" class="wp-image-3693"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":3693,"align":"full"} -->
<figure class="wp-block-image alignfull"><img src="https://dummyimage.com/2560x800/d3d3d3/ffffff.jpg" alt="" class="wp-image-3693"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit eu orci tincidunt posuere. Praesent orci mauris, egestas commodo molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a varius ac, finibus in metus. Etiam elementum vel quam et maximus.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3693,"align":"right"} -->
<div class="wp-block-image"><figure class="alignright"><img src="https://dummyimage.com/300x300/d3d3d3/ffffff.jpg" alt="" class="wp-image-3693"/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Vestibulum pretium sodales leo. Morbi feugiat pellentesque tempus. Suspendisse vitae dictum lacus, non scelerisque diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum scelerisque sed risus at volutpat. Duis ultrices leo at faucibus pellentesque. Nulla tincidunt non dolor cursus pretium. Aenean vel augue ultricies, vulputate mauris eleifend, blandit sapien. Cras mollis urna quis quam bibendum, eget convallis tellus semper. Ut ac neque a enim tempus porta.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>In cursus tortor et porta viverra. Morbi varius tincidunt volutpat. Integer a euismod nisi, quis porta sapien. Morbi tristique, orci nec faucibus finibus, urna est porta felis, nec consectetur nunc eros ac quam. Fusce et erat et nunc ultrices posuere. Suspendisse hendrerit, tellus nec fermentum dictum, nulla elit ultricies ex, id sollicitudin nisi mi egestas augue. Nullam quis risus vitae sem dictum tincidunt. Mauris pellentesque molestie neque, nec molestie ligula ullamcorper vitae.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit eu orci tincidunt posuere. Praesent orci mauris, egestas commodo molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a varius ac, finibus in metus. Etiam elementum vel quam et maximus.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3693,"align":"left"} -->
<div class="wp-block-image"><figure class="alignleft"><img src="https://dummyimage.com/300x300/d3d3d3/ffffff.jpg" alt="" class="wp-image-3693"/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit eu orci tincidunt posuere. Praesent orci mauris, egestas commodo molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a varius ac, finibus in metus. Etiam elementum vel quam et maximus.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit eu orci tincidunt posuere. Praesent orci mauris, egestas commodo molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a varius ac, finibus in metus. Etiam elementum vel quam et maximus.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit eu orci tincidunt posuere. Praesent orci mauris, egestas commodo molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a varius ac, finibus in metus. Etiam elementum vel quam et maximus.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3693,"align":"center"} -->
<div class="wp-block-image"><figure class="aligncenter"><img src="https://dummyimage.com/300x300/d3d3d3/ffffff.jpg" alt="" class="wp-image-3693"/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit eu orci tincidunt posuere. Praesent orci mauris, egestas commodo molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a varius ac, finibus in metus. Etiam elementum vel quam et maximus.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>Gallery Block</h3>
<!-- /wp:heading -->

<!-- wp:gallery {"ids":[3757,3760,3761,3762,3763],"columns":3} -->
<ul class="wp-block-gallery columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg" alt="Photo by Mark Harpur on Unsplash" data-id="3757" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/mark-harpur-748500-unsplash/" class="wp-image-3757"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/johannes-plenio-629984-unsplash.jpg" alt="Photo by Johannes Plenio on Unsplash" data-id="3760" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/johannes-plenio-629984-unsplash/" class="wp-image-3760"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/pascal-debrunner-634122-unsplash.jpg" alt="Photo by Pascal Debrunner on Unsplash" data-id="3761" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/pascal-debrunner-634122-unsplash/" class="wp-image-3761"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/rob-bates-701730-unsplash.jpg" alt="Photo by Rob Bates on Unsplash" data-id="3762" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/rob-bates-701730-unsplash/" class="wp-image-3762"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/rodrigo-soares-487443-unsplash.jpg" alt="Photo by Rodrigo Soares on Unsplash" data-id="3763" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/rodrigo-soares-487443-unsplash/" class="wp-image-3763"/></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:gallery {"ids":[3757,3760,3761,3762,3763],"columns":3,"align":"wide","className":"alignwide"} -->
<ul class="wp-block-gallery alignwide columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg" alt="Photo by Mark Harpur on Unsplash" data-id="3757" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/mark-harpur-748500-unsplash/" class="wp-image-3757"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/johannes-plenio-629984-unsplash.jpg" alt="Photo by Johannes Plenio on Unsplash" data-id="3760" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/johannes-plenio-629984-unsplash/" class="wp-image-3760"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/pascal-debrunner-634122-unsplash.jpg" alt="Photo by Pascal Debrunner on Unsplash" data-id="3761" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/pascal-debrunner-634122-unsplash/" class="wp-image-3761"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/rob-bates-701730-unsplash.jpg" alt="Photo by Rob Bates on Unsplash" data-id="3762" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/rob-bates-701730-unsplash/" class="wp-image-3762"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/rodrigo-soares-487443-unsplash.jpg" alt="Photo by Rodrigo Soares on Unsplash" data-id="3763" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/rodrigo-soares-487443-unsplash/" class="wp-image-3763"/></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:gallery {"ids":[3757,3760,3761,3762,3763],"columns":3,"align":"full","className":"alignfull"} -->
<ul class="wp-block-gallery alignfull columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg" alt="Photo by Mark Harpur on Unsplash" data-id="3757" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/mark-harpur-748500-unsplash/" class="wp-image-3757"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/johannes-plenio-629984-unsplash.jpg" alt="Photo by Johannes Plenio on Unsplash" data-id="3760" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/johannes-plenio-629984-unsplash/" class="wp-image-3760"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/pascal-debrunner-634122-unsplash.jpg" alt="Photo by Pascal Debrunner on Unsplash" data-id="3761" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/pascal-debrunner-634122-unsplash/" class="wp-image-3761"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/rob-bates-701730-unsplash.jpg" alt="Photo by Rob Bates on Unsplash" data-id="3762" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/rob-bates-701730-unsplash/" class="wp-image-3762"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/rodrigo-soares-487443-unsplash.jpg" alt="Photo by Rodrigo Soares on Unsplash" data-id="3763" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/rodrigo-soares-487443-unsplash/" class="wp-image-3763"/></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:gallery {"ids":[3757,3760,3761,3762,3763],"columns":3} -->
<ul class="wp-block-gallery columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg" alt="Photo by Mark Harpur on Unsplash" data-id="3757" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/mark-harpur-748500-unsplash/" class="wp-image-3757"/><figcaption>Photo by Mark Harpur on Unsplash</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/johannes-plenio-629984-unsplash.jpg" alt="Photo by Johannes Plenio on Unsplash" data-id="3760" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/johannes-plenio-629984-unsplash/" class="wp-image-3760"/><figcaption>Photo by Johannes Plenio on Unsplash</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/pascal-debrunner-634122-unsplash.jpg" alt="Photo by Pascal Debrunner on Unsplash" data-id="3761" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/pascal-debrunner-634122-unsplash/" class="wp-image-3761"/><figcaption>Photo by Pascal Debrunner on Unsplash</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/rob-bates-701730-unsplash.jpg" alt="Photo by Rob Bates on Unsplash" data-id="3762" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/rob-bates-701730-unsplash/" class="wp-image-3762"/><figcaption>Photo by Rob Bates on Unsplash</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://dev.wordpress-test.com/wp-content/uploads/2018/10/rodrigo-soares-487443-unsplash.jpg" alt="Photo by Rodrigo Soares on Unsplash" data-id="3763" data-link="https://dev.wordpress-test.com/all-the-blocks-v3/rodrigo-soares-487443-unsplash/" class="wp-image-3763"/><figcaption>Photo by Rodrigo Soares on Unsplash</figcaption></figure></li></ul>
<!-- /wp:gallery -->

<!-- wp:heading -->
<h2>List Block</h2>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li><li>Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor</li><li>Nullam a scelerisque dui</li><li>Aenean et sagittis arcu, at hendrerit ligula </li></ul>
<!-- /wp:list -->

<!-- wp:list -->
<ul><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li><li>Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor</li><li>Nullam a scelerisque dui<ul><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li><li>Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor</li><li>Nullam a scelerisque dui</li><li>Aenean et sagittis arcu, at hendrerit ligula</li></ul></li><li>Aenean et sagittis arcu, at hendrerit ligula</li></ul>
<!-- /wp:list -->

<!-- wp:list {"ordered":true} -->
<ol><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li><li>Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor</li><li>Nullam a scelerisque dui</li><li>Aenean et sagittis arcu, at hendrerit ligula </li></ol>
<!-- /wp:list -->

<!-- wp:list {"ordered":true} -->
<ol><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li><li>Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor</li><li>Nullam a scelerisque dui<ol><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li><li>Aenean purus nisl, feugiat et tincidunt at, hendrerit sed tortor</li><li>Nullam a scelerisque dui</li><li>Aenean et sagittis arcu, at hendrerit ligula</li></ol></li><li>Aenean et sagittis arcu, at hendrerit ligula</li></ol>
<!-- /wp:list -->

<!-- wp:heading {"level":3} -->
<h3>Quote Block</h3>
<!-- /wp:heading -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><p>You have my respect, Stark. When I’m done, half of humanity will still be alive. I hope they remember you.</p><cite>Thanos, son of A’lars</cite></blockquote>
<!-- /wp:quote -->

<!-- wp:heading {"level":3} -->
<h3>Audio Block</h3>
<!-- /wp:heading -->

<!-- wp:audio -->
<figure class="wp-block-audio"><audio controls src="https://www.beatpick.com/storage/bearsandcompany/streaming/bearsandcompany_21748128.mp3"></audio></figure>
<!-- /wp:audio -->

<!-- wp:audio {"align":"wide"} -->
<figure class="wp-block-audio alignwide"><audio controls src="https://www.beatpick.com/storage/bearsandcompany/streaming/bearsandcompany_21748128.mp3"></audio></figure>
<!-- /wp:audio -->

<!-- wp:audio {"align":"full"} -->
<figure class="wp-block-audio alignfull"><audio controls src="https://www.beatpick.com/storage/bearsandcompany/streaming/bearsandcompany_21748128.mp3"></audio></figure>
<!-- /wp:audio -->

<!-- wp:audio -->
<figure class="wp-block-audio"><audio controls src="https://www.beatpick.com/storage/bearsandcompany/streaming/bearsandcompany_21748128.mp3"></audio><figcaption>Bears and Company - susannah and the elders</figcaption></figure>
<!-- /wp:audio -->

<!-- wp:heading {"level":3} -->
<h3>Cover Image Block</h3>
<!-- /wp:heading -->

<!-- wp:cover {"url":"https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg","id":3757} -->
<div class="wp-block-cover has-background-dim" style="background-image:url(https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg)"><p class="wp-block-cover-text">This is a cover image title</p></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg","align":"wide","id":3757} -->
<div class="wp-block-cover has-background-dim alignwide" style="background-image:url(https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg)"><p class="wp-block-cover-text">This is a cover image title</p></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg","align":"full","id":3757} -->
<div class="wp-block-cover has-background-dim alignfull" style="background-image:url(https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg)"><p class="wp-block-cover-text">This is a cover image title</p></div>
<!-- /wp:cover -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:cover {"url":"https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg","align":"right","id":3757} -->
<div class="wp-block-cover has-background-dim alignright" style="background-image:url(https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg)"><p class="wp-block-cover-text">This cover image is right aligned<br></p></div>
<!-- /wp:cover -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:cover {"url":"https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg","align":"left","id":3757} -->
<div class="wp-block-cover has-background-dim alignleft" style="background-image:url(https://dev.wordpress-test.com/wp-content/uploads/2018/10/mark-harpur-748500-unsplash.jpg)"><p class="wp-block-cover-text">This cover image is left aligned<br></p></div>
<!-- /wp:cover -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus 
nisl, feugiat et tincidunt at, hendrerit sed tortor. Nullam a 
scelerisque dui. Aenean et sagittis arcu, at hendrerit ligula. Praesent 
sed facilisis libero, molestie accumsan lorem. Suspendisse sodales elit 
eu orci tincidunt posuere. Praesent orci mauris, egestas commodo 
molestie a, scelerisque egestas erat. Morbi tortor nunc, faucibus a 
varius ac, finibus in metus. Etiam elementum vel quam et maximus.
</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>File Block</h3>
<!-- /wp:heading -->

<!-- wp:file {"id":3790,"href":"https://dev.wordpress-test.com/wp-content/uploads/2018/10/main-shuttle-crew-operations-manual.pdf"} -->
<div class="wp-block-file"><a href="https://dev.wordpress-test.com/wp-content/uploads/2018/10/main-shuttle-crew-operations-manual.pdf">main-shuttle-crew-operations-manual</a><a href="https://dev.wordpress-test.com/wp-content/uploads/2018/10/main-shuttle-crew-operations-manual.pdf" class="wp-block-file__button" download>Download PDF</a></div>
<!-- /wp:file -->

<!-- wp:file {"id":3790,"href":"https://dev.wordpress-test.com/wp-content/uploads/2018/10/main-shuttle-crew-operations-manual.pdf","showDownloadButton":false} -->
<div class="wp-block-file"><a href="https://dev.wordpress-test.com/wp-content/uploads/2018/10/main-shuttle-crew-operations-manual.pdf">main-shuttle-crew-operations-manual</a></div>
<!-- /wp:file -->

<!-- wp:heading {"level":3} -->
<h3>Video Block</h3>
<!-- /wp:heading -->

<!-- wp:video {"id":2812} -->
<figure class="wp-block-video"><video controls src="https://dev.wordpress-test.com/wp-content/uploads/2017/12/PIX01_001_049.mp4"></video></figure>
<!-- /wp:video -->

<!-- wp:video {"id":2812,"align":"wide"} -->
<figure class="wp-block-video alignwide"><video controls src="https://dev.wordpress-test.com/wp-content/uploads/2017/12/PIX01_001_049.mp4"></video></figure>
<!-- /wp:video -->

<!-- wp:video {"id":2812,"align":"full"} -->
<figure class="wp-block-video alignfull"><video controls src="https://dev.wordpress-test.com/wp-content/uploads/2017/12/PIX01_001_049.mp4"></video></figure>
<!-- /wp:video -->

<!-- wp:paragraph {"align":"center","textColor":"eclipse","backgroundColor":"white-smoke","fontSize":"extralarge"} -->
<p style="text-align:center" class="has-text-color has-background has-extralarge-font-size has-eclipse-color has-white-smoke-background-color">Formatting Blocks</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>Table Block</h3>
<!-- /wp:heading -->

<!-- wp:table -->
<table class="wp-block-table"><tbody><tr><td>Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. </td><td>Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. </td><td>Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. <br></td></tr><tr><td>Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. </td><td>Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. </td><td>Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. </td></tr><tr><td>Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. </td><td>Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. </td><td>Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. </td></tr></tbody></table>
<!-- /wp:table -->

<!-- wp:table {"align":"wide"} -->
<table class="wp-block-table alignwide"><tbody><tr><td>Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. </td><td>Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. </td><td>Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. <br></td></tr><tr><td>Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. </td><td>Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. </td><td>Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. </td></tr><tr><td>Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. </td><td>Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. </td><td>Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. </td></tr></tbody></table>
<!-- /wp:table -->

<!-- wp:table {"align":"full"} -->
<table class="wp-block-table alignfull"><tbody><tr><td>Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. </td><td>Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. </td><td>Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. <br></td></tr><tr><td>Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. </td><td>Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. </td><td>Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. </td></tr><tr><td>Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. Table Column 1. </td><td>Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. Table Column 2. </td><td>Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. Table Column 3. </td></tr></tbody></table>
<!-- /wp:table -->

<!-- wp:heading {"level":3} -->
<h3>Code Block</h3>
<!-- /wp:heading -->

<!-- wp:code -->
<pre class="wp-block-code"><code>/**
 * Sets up theme defaults and registers support for various WordPress features.
 *
 * Note that this function is hooked into the after_setup_theme hook, which runs
 * before the init hook. The init hook is too late for some features, such as indicating
 * support post thumbnails.
 *
 * @since Ephemeris 1.0
 *
 * @return void
 */
if ( ! function_exists( 'ephemeris_setup' ) ) {
	function ephemeris_setup() {
		// Add support for Wide and Full blocks in the Block Editor (Gutenberg)
		add_theme_support( 'align-wide' );

		// Add support for custom font sizes in the Block Editor (Gutenberg)
		add_theme_support( 'editor-font-sizes', array(
			array(
				'name' => __( 'small', 'ephemeris' ),
				'shortName' => __( 'S', 'ephemeris' ),
				'size' => 13,
				'slug' => 'small'
			),
			array(
				'name' => __( 'regular', 'ephemeris' ),
				'shortName' => __( 'M', 'ephemeris' ),
				'size' => 16,
				'slug' => 'regular'
			),
			array(
				'name' => __( 'large', 'ephemeris' ),
				'shortName' => __( 'L', 'ephemeris' ),
				'size' => 24,
				'slug' => 'large'
			),
			array(
				'name' => __( 'extralarge', 'ephemeris' ),
				'shortName' => __( 'XL', 'ephemeris' ),
				'size' => 36,
				'slug' => 'extralarge'
			)
		) );
	}
}
add_action( 'after_setup_theme', 'ephemeris_setup' );</code></pre>
<!-- /wp:code -->

<!-- wp:heading {"level":3} -->
<h3>Classic Block</h3>
<!-- /wp:heading -->

<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus. <strong>Petierunt uti sibi concilium totius Galliae in diem certam indicere</strong>. Phasellus laoreet lorem vel dolor tempus vehicula. Praeterea iter est quasdam res quas ex communi. Salutantibus vitae elit libero, a pharetra augue.</p>
<p>Quam temere in vitiis, legem sancimus haerentia. <em>Morbi fringilla convallis sapien</em>, id pulvinar odio volutpat. Prima luce, cum quibus mons aliud consensu ab eo. Curabitur est gravida et libero vitae dictum. Cum sociis natoque penatibus et magnis dis parturient. <img class="alignnone size-full wp-image-3495" src="https://dev.wordpress-test.com/wp-content/uploads/2018/05/editor_addmedia.jpg" alt="" width="105" height="28"></p>
<p>Non equidem invideo, miror magis posuere velit aliquet. Excepteur sint obcaecat cupiditat non proident culpa. Contra legem facit qui id facit quod lex prohibet. Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae.</p>
<p>Morbi odio eros, volutpat ut pharetra vitae, lobortis sed nibh. Quae vero auctorem tractata ab fiducia dicuntur. A communi observantia non est recedendum.</p>

<!-- wp:heading {"level":3} -->
<h3>Custom HTML Block</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div style="background-color:rebeccapurple;color:#fff;padding:30px;text-align:center;">This is Custom HTML Block</div>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3>Preformatted Block</h3>
<!-- /wp:heading -->

<!-- wp:preformatted -->
<pre class="wp-block-preformatted">Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Fabio vel iudice vincam, sunt in culpa qui officia. Hi omnes lingua, institutis, legibus inter se differunt. Idque Caesaris facere voluntate liceret: sese habere. Ut enim ad minim veniam, quis nostrud exercitation. Quam diu etiam furor iste tuus nos eludet? Salutantibus vitae elit libero, a pharetra augue.</pre>
<!-- /wp:preformatted -->

<!-- wp:heading {"level":3} -->
<h3>Pullquote Block</h3>
<!-- /wp:heading -->

<!-- wp:pullquote -->
<figure class="wp-block-pullquote"><blockquote><p>You have my respect, Stark. When I’m done, half of humanity will still be alive. I hope they remember you.</p><cite>Thanos, son of A’lars</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"align":"wide"} -->
<figure class="wp-block-pullquote alignwide"><blockquote><p>You have my respect, Stark. When I’m done, half of humanity will still be alive. I hope they remember you.</p><cite>Thanos, son of A’lars</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"align":"full"} -->
<figure class="wp-block-pullquote alignfull"><blockquote><p>You have my respect, Stark. When I’m done, half of humanity will still be alive. I hope they remember you.</p><cite>Thanos, son of A’lars</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"align":"right"} -->
<figure class="wp-block-pullquote alignright"><blockquote><p>You have my respect, Stark. When I’m done, half of humanity will still be alive. I hope they remember you.</p><cite>Thanos, son of A’lars</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Tu quoque, Brute, fili mi, nihil timor populi, nihil! Me non paenitet nullum festiviorem excogitasse ad hoc. Idque Caesaris facere voluntate liceret: sese habere. At nos hinc posthac, sitientis piros Afros. Morbi fringilla convallis sapien, id pulvinar odio volutpat. Contra legem facit qui id facit quod lex prohibet.<br>Hi omnes lingua, institutis, legibus inter se differunt. Cum sociis natoque penatibus et magnis dis parturient. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Paullum deliquit, ponderibus modulisque suis ratio utitur.</p>
<!-- /wp:paragraph -->

<!-- wp:pullquote {"align":"left"} -->
<figure class="wp-block-pullquote alignleft"><blockquote><p>You have my respect, Stark. When I’m done, half of humanity will still be alive. I hope they remember you.</p><cite>Thanos, son of A’lars</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:paragraph -->
<p>Prima luce, cum quibus mons aliud consensu ab eo. Salutantibus vitae elit libero, a pharetra augue. Quam diu etiam furor iste tuus nos eludet? Quis aute iure reprehenderit in voluptate velit esse. Gallia est omnis divisa in partes tres, quarum. Morbi odio eros, volutpat ut pharetra vitae, lobortis sed nibh.<br>Tityre, tu patulae recubans sub tegmine fagi dolor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Nec dubitamus multa iter quae et nos invenerat. Cras mattis iudicium purus sit amet fermentum. Fabio vel iudice vincam, sunt in culpa qui officia. Nihil hic munitissimus habendi senatus locus, nihil horum?</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Tu quoque, Brute, fili mi, nihil timor populi, nihil! Me non paenitet nullum festiviorem excogitasse ad hoc. Idque Caesaris facere voluntate liceret: sese habere. At nos hinc posthac, sitientis piros Afros. Morbi fringilla convallis sapien, id pulvinar odio volutpat. Contra legem facit qui id facit quod lex prohibet.<br>Hi omnes lingua, institutis, legibus inter se differunt. Cum sociis natoque penatibus et magnis dis parturient. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Paullum deliquit, ponderibus modulisque suis ratio utitur.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Verse Block</h2>
<!-- /wp:heading -->

<!-- wp:verse -->
<pre class="wp-block-verse">Sweet pet by day, hunter by night. She sleeps,<br>she eats, she plays. My feet, caught in white paws.<br>She’s up the fence, watching her prey – a bird.<br>Poor thing, better run quick, ’cause watch, she’ll pounce!<br>She’ll sweetly beg for fuss, but don’t be fooled.<br>‘Cause one minute she’ll purr and smile, then snap!<br>She’ll spit and hiss – and oh – surprise! A mouse.<br>He’s dead. A gift. Retracts her claws. Miaow!<br>Figure of eight between my legs, looks up<br>at me and purrs. The sound pulls my heartstrings.<br>Her big blue eyes like dinner plates – so cute.<br>Cunning she is, she knows I can’t resist.<br>Curling up tight, we sleep entwined as one.<br>Despite her quirks, I would not change a claw<br>of her. Cheeky Sammy: my snow-white queen.</pre>
<!-- /wp:verse -->

<!-- wp:paragraph {"align":"center","textColor":"eclipse","backgroundColor":"white-smoke","fontSize":"extralarge"} -->
<p style="text-align:center" class="has-text-color has-background has-extralarge-font-size has-eclipse-color has-white-smoke-background-color">Layout Element Blocks</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Button Block</h2>
<!-- /wp:heading -->

<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link" href="https://google.com">Button Block</a></div>
<!-- /wp:button -->

<!-- wp:button {"align":"center"} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link" href="https://google.com">Button Block</a></div>
<!-- /wp:button -->

<!-- wp:button {"align":"right"} -->
<div class="wp-block-button alignright"><a class="wp-block-button__link" href="https://google.com">Button Block</a></div>
<!-- /wp:button -->

<!-- wp:paragraph -->
<p>Curabitur blandit tempus ardua ridiculus sed magna. Ab illo tempore, ab est sed immemorabili. Quisque ut dolor gravida, placerat libero vel, euismod. Nec dubitamus multa iter quae et nos invenerat. Fictum, deserunt mollit anim laborum astutumque! Curabitur blandit tempus ardua ridiculus sed magna. Ab illo tempore, ab est sed immemorabili. Quisque ut dolor gravida, placerat libero vel, euismod. Nec dubitamus multa iter quae et nos invenerat. Fictum, deserunt mollit anim laborum astutumque!<br></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Curabitur blandit tempus ardua ridiculus sed magna. Ab illo tempore, ab est sed immemorabili. Quisque ut dolor gravida, placerat libero vel, euismod. Nec dubitamus multa iter quae et nos invenerat. Fictum, deserunt mollit anim laborum astutumque! Curabitur blandit tempus ardua ridiculus sed magna. Ab illo tempore, ab est sed immemorabili. Quisque ut dolor gravida, placerat libero vel, euismod. Nec dubitamus multa iter quae et nos invenerat. Fictum, deserunt mollit anim laborum astutumque!<br></p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Columns Block</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns has-2-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. <br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide has-2-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. <br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull has-2-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. <br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"columns":3} -->
<div class="wp-block-columns has-3-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"columns":4} -->
<div class="wp-block-columns has-4-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. <br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"columns":5} -->
<div class="wp-block-columns has-5-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. <br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. <br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"columns":6} -->
<div class="wp-block-columns has-6-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1. This is column 1.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2. This is column 2.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3. This is column 3.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. This is column 4. <br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. This is column 5. <br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>This is column 6. This is column 6. This is column 6. This is column 6. This is column 6. This is column 6. This is column 6. This is column 6. This is column 6. This is column 6. This is column 6.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading -->
<h2>More Block</h2>
<!-- /wp:heading -->

<!-- wp:more -->
<!--more-->
<!-- /wp:more -->

<!-- wp:heading -->
<h2>Page Break Block</h2>
<!-- /wp:heading -->

<!-- wp:heading -->
<h2>Separator Block</h2>
<!-- /wp:heading -->

<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide"/>
<!-- /wp:separator -->

<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator is-style-dots"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2>Spacer Block</h2>
<!-- /wp:heading -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"align":"center","textColor":"eclipse","backgroundColor":"white-smoke","fontSize":"extralarge"} -->
<p style="text-align:center" class="has-text-color has-background has-extralarge-font-size has-eclipse-color has-white-smoke-background-color">Widget Blocks</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Shortcode Block</h2>
<!-- /wp:heading -->

<!-- wp:shortcode -->
[products limit="8" columns="4" orderby="date" category="clothing"]
<!-- /wp:shortcode -->

<!-- wp:heading -->
<h2>Archives Block</h2>
<!-- /wp:heading -->

<!-- wp:archives /-->

<!-- wp:archives {"showPostCounts":true} /-->

<!-- wp:archives {"displayAsDropdown":true} /-->

<!-- wp:heading -->
<h2>Categories Block</h2>
<!-- /wp:heading -->

<!-- wp:categories /-->

<!-- wp:categories {"showHierarchy":true,"showPostCounts":true} /-->

<!-- wp:categories {"displayAsDropdown":true,"showHierarchy":true,"showPostCounts":true} /-->

<!-- wp:heading {"level":3} -->
<h3>Latest Comments Blocks</h3>
<!-- /wp:heading -->

<!-- wp:latest-comments /-->

<!-- wp:latest-comments {"displayAvatar":false,"displayExcerpt":false} /-->

<!-- wp:heading {"level":3} -->
<h3>Latest Posts</h3>
<!-- /wp:heading -->

<!-- wp:latest-posts /-->

<!-- wp:latest-posts {"postsToShow":12,"displayPostDate":true,"postLayout":"grid","align":"wide"} /-->

<!-- wp:paragraph {"align":"center","textColor":"eclipse","backgroundColor":"white-smoke","fontSize":"extralarge"} -->
<p style="text-align:center" class="has-text-color has-background has-extralarge-font-size has-eclipse-color has-white-smoke-background-color">Embed Blocks</p>
<!-- /wp:paragraph -->

gziolo added the [Type] Performance Related to performance efforts label Nov 24, 2018

gziolo added the [Status] Needs More Info Follow-up required in order to be actionable. label Nov 26, 2018

youknowriad closed this as completed Nov 26, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Incredibly slow and unresponsive when trying to edit a simple paragraph block #12265

Incredibly slow and unresponsive when trying to edit a simple paragraph block #12265

maddisondesigns commented Nov 24, 2018 •

edited

Loading

youknowriad commented Nov 26, 2018

gziolo commented Nov 26, 2018

maddisondesigns commented Nov 26, 2018

youknowriad commented Nov 26, 2018

maddisondesigns commented Nov 26, 2018

Incredibly slow and unresponsive when trying to edit a simple paragraph block #12265

Incredibly slow and unresponsive when trying to edit a simple paragraph block #12265

Comments

maddisondesigns commented Nov 24, 2018 • edited Loading

youknowriad commented Nov 26, 2018

gziolo commented Nov 26, 2018

maddisondesigns commented Nov 26, 2018

youknowriad commented Nov 26, 2018

maddisondesigns commented Nov 26, 2018

maddisondesigns commented Nov 24, 2018 •

edited

Loading