CustomElementUtil.ts

export class CustomElementUtil {

  /**
   * workaround for @containerless subclasses (custom elements) - waiting for https://github.com/aurelia/templating/issues/140
   * @return previousElementSibling when given element is comment node (as it is in case of @containerless custom elements) or given element otherwise
   */
  public static getRealElement(element: Element): Element {
    if(element.nodeType === 8) {
      element = this.getPreviusElementSibling(element)
    }

    return element;
  }

  private static getPreviusElementSibling(e: Element): Element {
    if (e.previousElementSibling) {
      return e.previousElementSibling;
    }

    var prev: Node = e.previousSibling;
    while (prev) {
      if (prev.nodeType === 1){
        return <Element>prev;
      }
      prev = prev.previousSibling;
    }

    return null;
  }
}