Auto-scroll window as needed to ensure drop-down choices are visible

tailbone/templates/deform/select.pt

@@ -17,7 +17,7 @@
           class string: form-control ${css_class or ''};
           multiple multiple;
           size size;
-          style style;" auto-enhance="true">
+          style style;">
     <tal:loop tal:repeat="item values">
       <optgroup tal:condition="isinstance(item, optgroup_class)"
                 tal:attributes="label item.label">
@@ -38,4 +38,15 @@
   </select>
   <input type="hidden" name="__end__" value="${name}:sequence"
          tal:condition="multiple" />
+  <script type="text/javascript">
+    deform.addCallback(
+      '${oid}',
+      function(oid) {
+          $('#' + oid).selectmenu();
+          $('#' + oid).on('selectmenuopen', function(event, ui) {
+              show_all_options($(this));
+          });
+      }
+    );
+  </script>
 </div>