Polymer 使用Owl转盘作为聚合物的自定义元素的问题

我正在尝试使用聚合物将Owl转盘合并到自定义web组件中。我已经成功地做到了这一点，但猫头鹰转盘的行为并不正确

当使用触摸或鼠标输入拖动旋转木马时，它将重置为开始。在聚合物自定义元素外部使用Owl转盘功能正常

假设我点击导航按钮查看旋转木马中的项目5、6、7，当我通过鼠标或触摸拖动时，旋转木马将重置为项目1

有人知道为什么会发生这个问题吗

            <link rel="import" href="../polymer/polymer.html">
            <link rel="import" href="../core-toolbar/core-toolbar.html">
            <link rel="import" href="../core-header-panel/core-header-panel.html">
            <link rel="import" href="../core-icons/core-icons.html">
            <link rel="import" href="../paper-icon-button/paper-icon-button.html">
            <link rel="import" href="../paper-fab/paper-fab.html">
            <link rel="import" href="../paper-shadow/paper-shadow.html">

            <!--  jQuery 1.7+  -->
            <script src="../../jquery-2.1.1.min.js"></script>

            <!-- Include js plugin -->
            <script src="../../owl-carousel/owl.carousel.js"></script>


            <polymer-element name="my-element">
              <template>
                <style>

                  #owl .item{
                    background: #a1def8;
                    display: block;
                    color: #FFF;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    text-align: center;
                    width: 170px;
                    height: 200px;
                    margin: 0 auto;
                  }

                </style>

                <!-- Important Owl stylesheet -->
                <link rel="stylesheet" href="../../owl-carousel/owl.carousel.css">

                <!-- Default Theme -->
                <link rel="stylesheet" href="../../owl-carousel/owl.theme.css">

                  <div id="owl" class="owl-carousel owl-theme"></div>
              </template>
              <script>
                Polymer({
                  domReady: function() {
                    $(this.$.owl).owlCarousel({
                      jsonPath : "../../data.json",
                      navigation: true,
                      pagination: false
                    });
                  }
                });
              </script>
            </polymer-element>

#猫头鹰。物品{
背景：#a1def8；
显示：块；
颜色：#FFF；
-webkit边界半径：3px；
-moz边界半径：3px；
边界半径：3px；
文本对齐：居中；
宽度：170px；
高度：200px；
保证金：0自动；
}
聚合物({
domReady:function（）{
$（此.$.owl）.猫头鹰转盘({
jsonPath:“../../data.json”，
导航：对，
分页：错误
});
}
});

我认为这是一个与影子DOM相关的问题。Owl Carousel与Light DOM一起工作，但将其包装在自定义元素中会将其移动到阴影DOM中，Owl Carousel无法正常工作