Make outer element unselectable

I'm trying to make the outer element not selectable, and the inner one selectable only

 editor.BlockManager.add('full-width',
    {
        category:'Sections', 
        label: 'Full Width',
        content: '<section class="row" data-gjs-droppable=".col" data-gjs-custom-name="Row" data-gjs-selectable="false" data-gjs-selectable="false">\n <div class="col col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center" data-gjs-draggable=".row" data-gjs-custom-name="Col"></div>\n</section>',
    });

Outer element is the section tag and the inner one is the div, I need the section to be there for reasons, but I don't want it to be selectable

The data-gjs-selectable=false tag doesn't seem to be working for me, as the outer element is still selectable, I'd be grateful if anyone knew the correct syntax to achieve this, thanks