Div с холстом в WebKit прокручивает назад

Question

Может быть, мне не хватает чего-то очевидного здесь, но до сих пор я не нашел ничего, что имело бы смысл с этим. У меня есть прокручиваемый div с холстом внутри него. В FF и IE все работает так, как ожидалось: с помощью перетаскивания прокрутки с помощью мыши прокрутка div обычно выполняется. Однако в WebKit все перевернуто. Если я прокручу вверх, содержимое движется вниз, если я прокручу вниз, он движется вверх. Если я прокручу свою колесико, все движется в правильном направлении. Это только использование mousedown на полосе прокрутки, которая была испорчена. ПРИМЕЧАНИЕ. Я использую стороннюю библиотеку для создания содержимого холста, из которого происходят все встроенные стили.

Мой код выглядит следующим образом:

#Palette { 
    height: 420px; 
    overflow: auto; 
} 

---

<div id="Palette" style="position: relative; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); cursor: move;"> 
    <canvas width="268" height="420" tabindex="0" style="position: absolute; top: 0px; left: 0px; z-index: 2; -webkit-user-select: none; cursor: move;"> 
    This text is displayed if your browser does not support the Canvas HTML element.</canvas> 
    <div style="position: absolute; overflow: auto; width: 268px; height: 420px; z-index: 1;"> 
    <div style="position: absolute; width: 1px; height: 1px;"></div> 
    </div> 
    <div style="position: absolute; overflow: auto; width: 268px; height: 420px; z-index: 1;"> 
     <div style="position: absolute; width: 1px; height: 700px;"></div> 
    </div> 
</div> 

Answer 1

Это, очевидно, проблема с WebKit 36. Она решается в 37.