title: Angular + ui-sortable lists: CTRL-mousewheel zoom vs normal mousewheel zoom
body: <p>My understanding is that CTRL-mousewheel zooms are an accessibility feature, built into the browser in question (I am currently testing in Chrome and Opera, both if which use the CTRL- zoom).</p>
  
  <p>This won't ever really be needed for accessibility, however, as the app will not be for the general public. And CTRL-wheel zoom has a nice benefit out-of-box as compared with standard mousewheel zoom over elements: It seems that Angular <code>ui-sortable</code>s work perfectly at any zoom/scale.</p>
  
  <p>Unfortunately, from other answers I've found on SO, there is no way, when using CTRL-wheel, to zoom <em>selectively</em> : the browser can only zoom <em>everything</em>. For me, this includes <code>position:fixed</code> overlays scaling at the same time as the main viewport, which is no good.</p>
  
  <p>So I set up some code for scrolling as per whichever element the mouse cursor is over, eg. scale the main viewport using the mousewheel, only if the mouse if over that viewport element.</p>
  
  <p>The problem is that <code>ui-sortable</code> does <em>not</em> behave correctly, when using it for only a single element. I've used <code>scale</code> with <code>transform-origin</code> set at <code>50% 50%</code> but still, when I drag the <code>ui-sortable</code>s at any scale other than 1:1, they appear way off to the left. Any ideas on how to begin to tackle this?</p>