After saving Snippet can not be edited

[nestordedios]

I'm using the following configuration to insert a row with an image and text into a section.

I'm using the following configuration.

The problem is after I have saved the content of this Snippet I can no longer modify it's content in the Article editor.

default:
  plugins: [ snippets, blockcode, buttonlink, definedlinks, inlineformat, reorder, tags, underline ]
  source: true
  grid:
    classname: 'article-grid'
    columns: 12
    patterns:
      '1|10|1': 'col-1|col-10|col-1'
      '4|4|4': 'col-4|col-4|col-4'
      '4|8': 'col-4|col-8'
      '6|6': 'col-6|col-6'
      '8|4': 'col-8|col-4'
  layer: false
  codemirror:
    lineNumbers: true
    mode: xml
    htmlMode: true
  snippets:
    section:
      name: "Sectie"
      html: |
        <section class="mb-xxl mb-lg-xxxl">
                    <div class="container px-sm-m px-lg-l">
        </div>
        </section>
    2-kolomen-tekst:
      name: "2 kolomen tekst"
      html: |
        <div class="row">
           <div class="col col-lg-10 offset-md-1">
               <h2 class="mb-xl">Titel (10 kolommen breed)</h2>
               <h3 class="mb-m">Een Ondertitel</h3>
           </div>
        </div>
        <div class="row">
            <div class="col-6 col-sm-12 col-md-5 offset-md-1">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Idem iste, inquam, de voluptate quid sentit? Quid me istud rogas. Duo Reges: constructio interrete. </p>
            </div>
            <div class="col-6 col-sm-12 col-md-5">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Idem iste, inquam, de voluptate quid sentit? Quid me istud rogas. Duo Reges: constructio interrete. </p>
            </div>
        </div>