[Base] fix GIN-10, input focus corrected on safari ios

driebit · Jan 31, 2018 · 1531246 · 1531246
1 parent 8fb0289
commit 1531246
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/modules/mod_ginger_base/lib/js/base.js b/modules/mod_ginger_base/lib/js/base.js
@@ -60,6 +60,41 @@
             $(document).on('touchend', $.proxy(me._documentClick, me));
             $(document).on('keyup', $.proxy(me._documentKeyUp, me));
 
+            // Dirty hack to fix input highlight on ios safari, please remove when ios 11.3 is in use
+
+
+            // Detect ios 11_x_x affected
+            // NEED TO BE UPDATED if new versions are affected
+            (function iOS_CaretBug() {
+
+                var ua = navigator.userAgent,
+                scrollTopPosition,
+                iOS = /iPad|iPhone|iPod/.test(ua),
+                iOS11 = /OS 11_0_1|OS 11_0_2|OS 11_0_3|OS 11_1|OS 11_1_1|OS 11_1_2|OS 11_2|OS 11_2_1/.test(ua);
+
+                // ios 11 bug caret position
+                if ( iOS && iOS11 ) {
+
+                    $("#zmodal").live('show.bs.modal', function(e) {
+                        // Get scroll position before moving top
+                        scrollTopPosition = $(document).scrollTop();
+
+                        // Add CSS to body "position: fixed"
+                        $("body").css("position", "fixed");
+                        $("body").css("width", "100%");
+                    });
+
+                    $("zmodal").live('hide.bs.modal', function(e) {
+
+                        $("body").css("position", "static");
+
+                        //Go back to initial position in document
+                        $(document).scrollTop(scrollTopPosition);
+
+                    });
+
+                }
+            })();
         },
 
         _documentClick: function(event) {