custom widget editables help

Hi - Not sure if I'm doing something wrong or if this is a bug in the widget plugin. 

I'm trying to create my own custom widget based on the simplebox example. When I add the widget I can only edit the first .col-lg-4 column. Shouldn't all the DIVs with the class col-lg-4 be editable? Am I missing something? 

I'm using the inline method, too. Build 4.4.5

Thanks

Here is the widget JS:

CKEDITOR.plugins.add( 'simplebox', {
    requires: 'widget',

    icons: 'simplebox',

    init: function( editor ) {
        editor.widgets.add( 'simplebox', {

            button: 'Create a simple box',

            template: //col-xs-4 col-sm-4 col-md-4 
                "<div class='row'>" +
                    "<div class='col-lg-4'><p>Put your content here.</p></div>" + 
                    "<div class='col-lg-4'><p>Put your content here.</p></div>" + 
                    "<div class='col-lg-4'><p>Put your content here.</p></div>" + 
                "</div>",


                //'<div class="simplebox">' +
                //    '<h2 class="simplebox-title">Title</h2>' +
                //    '<div class="simplebox-content"><p>Content...</p></div>' +
                //'</div>',

            editables: {
                //title: {
                //    selector: '.simplebox-title',
                //    allowedContent: 'br strong em'
                //},
                content: {
                    //selector: '.simplebox-content',
                    selector: '.col-lg-4',
                    allowedContent: true
                }
            },

            allowedContent:
                'div(!row); div(!col-lg-4);',

            requiredContent: 'div(row)',

            upcast: function( element ) {
                return element.name == 'div' && element.hasClass( 'row' );
            }
        } );
    }
} );