Move scrollbar to modal dialogs

docs/example1.html

@@ -187,6 +187,12 @@
 	<script src='js/jflow-wfform.js' type='text/javascript'></script>
 	<script src='js/jflow-wfstatus.js' type='text/javascript'></script>
 	<script src="js/bootstrap-datepicker.js"></script>
+
+	<script type="text/javascript">
+		$(document.body).on('shown.bs.modal', function () {
+		    $(this).find(".modal-body").animate({scrollTop: 0}, 0);
+		});
+	</script>
     
 	<script type='text/javascript'>
 		

src/css/jflow.css

@@ -308,4 +308,17 @@ background-color:#000000}
 100%{
 background-color:#FFFFFF}
 
+}
+
+/* Important part */
+.modal-dialog{
+    overflow-y: initial !important
+}
+.modal-body{
+    max-height: calc(100vh - 195px);
+    overflow-y: auto;
+}
+
+body.modal-open {
+	overflow: hidden;
 }
\ No newline at end of file

src/js/jflow-wfform.js

@@ -497,7 +497,7 @@ Handsontable.cellTypes["bootdate"] = Handsontable.BootstrapDateCell;
                                 data["content"],
                                 '</div>'].join('\n');
                             $this.$element.prepend(alert_message);
-                            $("#setAndRunModal").animate({scrollTop: 0}, "slow");
+                            $("#setAndRunModalBody").animate({scrollTop: 0}, "slow");
                         }
                     }
                 });