"Streched" option in image tool affects one up level block while loading saved data !

const editor = new EditorJS({
    autofocus: true,
    tools: {
        // Tools
    },
    data: {
        "time": 1566562504744,
        "blocks": [{
                "type": "header",
                "data": {
                    "text": "Editor.js Test",
                    "level": 2
                }
            },
            {
                "type": "paragraph",
                "data": {
                    "text": "Classic WYSIWYG-editors produce raw HTML-markup with both content data and content appearance. On the contrary, Editor.js outputs JSON object with data of each Block. You can see an example below"
                }
            },
            {
                "type": "image",
                "data": {
                    "file": {
                        "url": "https://images.unsplash.com/photo-1566501483151-508bc205c847?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1266&q=80"
                    },
                    "caption": "",
                    "withBorder": false,
                    "stretched": true,
                    "withBackground": false
                }
            }
        ],
        "version": "2.15.0"
    }
});

When i load the saved data above in EditorJS; despite the image streched option is true, ce-block--stretched class is applied to one level up block, which is the paragraph in the example.

As a result, paragraph is streched but image stays default.

Is it a bug or am i missing something?

[rmlamarche]

Mmk I got it. I was able to fix it in the image plugin.

In src/index.js

  setTune(tuneName, value) {
    this._data[tuneName] = value;

    this.ui.applyTune(tuneName, value);

    if (tuneName === 'stretched') {
      /**
       * Wait until the API is ready
       */
      Promise.resolve().then(() => {
        const blockId = this.api.blocks.getCurrentBlockIndex();
        this.api.blocks.stretchBlock(blockId, value);
      }).catch(err => {
        console.error(err);
      });
    }
  }

I’ll submit a PR on that repo because the fix is actually there.

[rmlamarche]

This is where the where the block gets stretched in the image plugin, but I think this is actually related to another issue with editorjs.api.blocks.getCurrentBlockIndex() returning index - 1 instead of index

https://github.com/editor-js/image/blob/70876fde289e9f8baa81ee4b5c8c3dc036ac7035/src/index.js#L354-L367