How to make the position of the colorpicker compatible a container that has a scroll bar? about angular-bootstrap-colorpicker

[janryWang]

This is my kind of compromise solution.

getOffset: function (elem, fixedPosition) {
        var
          x = 0,
          y = 0,
          scrollX = 0,
          scrollY = 0,
          oldElem = elem;
        while (elem && !isNaN(elem.offsetLeft) && !isNaN(elem.offsetTop)) {
          x += elem.offsetLeft;
          y += elem.offsetTop;
          if (elem.scrollWidth - elem.clientWidth > 0) {
            x -= elem.scrollLeft;
          }
          if (elem.scrollHeight - elem.clientHeight > 0) {
            y -= elem.scrollTop;
          }
          if (elem.scrollWidth - elem.clientWidth > 0 || elem.scrollHeight - elem.clientHeight > 0) {
            angular.element(elem).one("scroll", function () {
              angular.element(oldElem).trigger("$hideColorPicker");
            });

          }
          if (!fixedPosition && elem.tagName === 'BODY') {
            scrollX += document.documentElement.scrollLeft || elem.scrollLeft;
            scrollY += document.documentElement.scrollTop || elem.scrollTop;
          } else {
            scrollX += elem.scrollLeft;
            scrollY += elem.scrollTop;
          }
          elem = elem.offsetParent;
        }

        return {
          top: y,
          left: x,
          scrollX: scrollX,
          scrollY: scrollY
        };;
      }

elem.on("$hideColorPicker", function () {
          hideColorpickerTemplate();
        });

[buberdds]

can u create a PR, it's a little bit easier to check

[janryWang]

This is not correct my usage, I should use it,I just find it

colorpicker-parent="true"