Finally, got back to this; found `${wcmmode.disabled}` removes the wrapper `div` in publish mode only way I was able to get it done...  <div data-sly-unwrap="${wcmmode.disabled}" class="section" style="user-select: auto;"> <<<<YOUR_CODE_GOES_HERE>>>> </div> ref: http://aemconcep...

Thanks, @BrianKasingli  but no luck I still cannot edit the component in the template

@BrianKasingli  Thanks for the quick response.Tried the cq:noDecoration = true this method works but you cannot edit the component in the edit mode, is there another way to use/access the property in the HTL directly

 I'm using/customizing AEM core components but they generate a bunch of unused divs, is there a way to turn these off or remove them. Thanks