From 087e88fab52838325ee162e092757b712f2ebdec Mon Sep 17 00:00:00 2001 From: Faris Ansari Date: Wed, 12 Jul 2017 14:27:41 +0530 Subject: [PATCH] Change datepicker position based on viewport (#3662) --- frappe/public/js/frappe/form/control.js | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/frappe/public/js/frappe/form/control.js b/frappe/public/js/frappe/form/control.js index 5608661c99..aacdda239c 100755 --- a/frappe/public/js/frappe/form/control.js +++ b/frappe/public/js/frappe/form/control.js @@ -762,7 +762,17 @@ frappe.ui.form.ControlDate = frappe.ui.form.ControlData.extend({ }, onShow: function() { $('.datepicker--button:visible').text(__('Today')); - }, + + if(!me.frm) return; + var window_height = $(window).height(); + var window_scroll_top = $(window).scrollTop(); + var el_offset_top = me.$input.offset().top + 280; + var position = 'top left'; + if(window_height + window_scroll_top >= el_offset_top) { + position = 'bottom left'; + } + me.datepicker.update('position', position); + } }; }, set_datepicker: function() {