Add missing method to list block.

[BE-Webdesign]

The list block does not have an on change set for it and is expected to;
causing errors and no updating of the block attribute state. This PR
copies the current implementation from a text block and enters it into
the list block.

[nylen]

This looks like a good change, but I'm still seeing that this method is not being triggered and any updates are being lost. I'm also unable to focus the list block if I click within a li element - clicking outside one of the item texts works fine. These two things are probably related.

[BE-Webdesign]

Yeah good point, it is updating content but the actual items state is not being updated, should the list block keep track of both or should it be unified. Having two sources of truth kinda makes problems like this easy to miss good catch.

In short:

attributes.items is not being kept in sync with attributes.content. Should be easily fixable.

[BE-Webdesign]

Just realized there should be no content attribute for the list block oops. Will try and update properly.

[BE-Webdesign]

Okay rebased and updated, so the redux state for a list block will update properly on change.

[youknowriad]

I'm still seeing an error on the console (and the state don't update properly) when I have a single li because this doesn't create an LI.

What bothers me a bit is that the block author needs to be aware of the shape of the underlying data. I'm wondering if it simpler if we change the parsing of items to children( 'ol,ul' )?

[BE-Webdesign]

I'm still seeing an error on the console (and the state don't update properly) when I have a single li because this doesn't create an LI.

I didn't test for a single list item, so I will fix that. Does the data not come as an array? If not it should be like [ oneItem ], so there is a consistent input output type. I will check into getting this right, good catches.

[youknowriad]

Does the data not come as an array?

The data received from children call or from the Editable is any valid React's children prop. It can be an array, an element or a nullable.

[BE-Webdesign]

Ah then React made a bad choice then lol.

[BE-Webdesign]

Yeah.... this is super buggy lol.

[BE-Webdesign]

TinyMCE or something is doing some very bizarre things in the list block. The latest update seems to work a bit better as far as the state goes, but sometimes odd things appear in the state from TinyMCE.

[androb]

@EphoxJames you might want to look at this

[BE-Webdesign]

I don't know enough about TinyMCE to know what it is doing. Basically sometimes the content will be an empty <br /> with data-mce-bogus being passed forward. From my understanding that is when the data is empty? It is unclear whether this should be passed forward into the Redux state or what the correct line of action is exactly.

[BE-Webdesign]

Just tested and the <br /> is applied to the block state regardless everytime for any block type when it is made empty. Not sure if that is what we want to have happen. Going to open a separate issue #561 .

[nylen]

I just opened #567 which looks potentially related. However, the changes in this branch do not fix the issues I noted there - in fact, the new onChange method added in this PR is never called at all for me.

[BE-Webdesign]

Anything that needs to be changed on this?

[nylen]

@BE-Webdesign this PR didn't fix the issues noted in the description for me. They've since been fixed, though I'm not sure exactly where.

Separately, #598 achieved most of what we wanted to do here, so I think we can close this one out. Please reopen if I missed something.