ForceEditInView & pimcore_image

Hi,

I have a follow up question to my previous question link:

I would like to be able to edit my e.g. pimcore_textareas in view mode and simultaneously edit a couple of pimcore_selects and pimcore_images in edit mode. Therefore, I configured my template like this:

{{ pimcore_areablock(
    'main-area-block',
    {
        "allowed": ["stage", "teaser"],
        "params": {
            "teaser": {
                "forceEditInView": true,
                "editWidth": "800px",
                "editHeight": "500px"
            }
        }
    }
)}}

Now, my Areabrick class looks like this:

class Teaser extends AbstractAreabrick
{
    /**
     * {@inheritdoc}
     */
    public function getName()
    {
        return 'Teaser';
    }

    /**
     * {@inheritdoc}
     */
    public function getDescription()
    {
        return '';
    }

    public function hasEditTemplate()
    {
        return true;
    }
}

the view template of that brick look like this:

{#view.html.twig#}
{% if editmode %}
    {% if pimcore_select('teaser-alignment').isEmpty() %}
        {% do pimcore_select('teaser-alignment').setDataFromResource('') %}
    {% endif %}
{% endif %}

<div class="container container--fluid teaser-container">
    <div class="teaser {{ pimcore_select('teaser-alignment').getData() }}">
        <div class="teaser__picture-wrapper">
            {{ pimcore_image('teaser-img') }}
        </div>
        <div class="teaser__content-wrapper">
            <div class="teaser__content">
                <div class="doublehead teaser__headline">
                    <h2 class="headline headline--h2">
                        {{ pimcore_textarea('teaser-headline', {
                            "placeholder": "Primary Headline",
                            "nl2br": true,
                        }) }}
                    </h2> 
                </div>
            </div>
        </div>
    </div>
</div>

and the edit template like this

{#edit.html.twig#}
<label>Teaser Alignment:</label>
{{ pimcore_select('teaser-alignment', {
    'store': [
        ['', 'left'],
        ['teaser--image-right', 'right'],
    ]
}) }}
<br>
<label>Teaser Image:</label>
{{ pimcore_image('teaser-img') }}

Now, as soon as I use my {{ pimcore_image('teaser-img') }} in both, my view file, as well as my edit file while forceEditInView is activated for that brick in my containing main template file I get a duplicate exception. However, all is fine if I use any other editable inside my Teaser brick (e.g. the pimcore_select as shown above).

Why do I experience this behavior and what do I do to prevent it and make pimcore_image work with activated forceEditInView?

Thanks in advance!