It seems like the Target property of the Sidebar component is ignored in the 16.2.41 release. Sidebars are always full height, regardless of the target setting. Even your own demo appears to be broken: https://ej2.syncfusion.com/angular/documentation/sidebar/custom-context.html. The only work around I can find is to embed the Sidebar inside the target element, and then add the e-main-content class to the enclosing element. But this trick doesn't work too well with a docking sidebar.
So no big deal, but worth looking into for the next release perhaps.
PKPrem Kumar Madhan Raj Syncfusion Team July 4, 2018 10:50 AM
Thanks for contacting Syncfusion Support.
Since we have provided support for class and id selectors to the target property of the Sidebar component from the last release version (16.2.41), we need to specify the value for the target property with the selector prefixed ( . (dot) for class selector or # (hash) forid). To know more about these changes, please check the below link.