Merge pull request #28 from AzizKHAN030/m244_advPricing-datePicker

carinadues · web-flow · commit fe8e06cfc055 · 2022-06-24T14:31:38.000-03:00
fixed datepicker position in admin for produc edit advanced pricing
diff --git a/src/view/adminhtml/layout/default.xml b/src/view/adminhtml/layout/default.xml
@@ -10,6 +10,9 @@
 -->
 <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <head>
+        <script src="ScandiPWA_Customization::js/datepicker.js"/>
+    </head>
     <body>
         <referenceBlock name="version">
             <action method="setTemplate">
diff --git a/src/view/adminhtml/web/js/datepicker.js b/src/view/adminhtml/web/js/datepicker.js
@@ -0,0 +1,22 @@
+//This script fixes incorrect positioning in modal datepickers.
+//This file should be removed after magento fixes the datepickers.
+
+require(['jquery'], ($) => {
+    $(window).on('load', () => {
+        const show = $.datepicker._showDatepicker;
+        if (show) {
+            const datePicker = $.datepicker.dpDiv;
+
+            $.extend($.datepicker, {
+                _showDatepicker: (trigger) => {
+                    show(trigger);
+
+                    if ($(trigger).parents('.modal-slide').length > 0) {
+                        const { top, height } = trigger.getBoundingClientRect();
+                        datePicker.css('top', top + height);
+                    }
+                },
+            });
+        }
+    });
+});
