diff --git a/public/assets/form/form.css b/public/assets/form/form.css index 537fe64da..e9ed8bccb 100644 --- a/public/assets/form/form.css +++ b/public/assets/form/form.css @@ -36,6 +36,7 @@ text-align: center; z-index: 999; overflow: auto; + overscroll-behavior: contain; } .zammad-form-modal:before { @@ -47,7 +48,7 @@ } .zammad-form-modal-backdrop { - position: absolute; + position: fixed; left: 0; top: 0; width: 100%; diff --git a/public/assets/form/form.js b/public/assets/form/form.js index dcb7da0ee..ef4dda770 100644 --- a/public/assets/form/form.js +++ b/public/assets/form/form.js @@ -274,7 +274,6 @@ $(function() { _this.render() return true }) - window.addEventListener('resize', _this.resizeModalBackdrop.bind(_this)); } } @@ -373,12 +372,6 @@ $(function() { } } - Plugin.prototype.resizeModalBackdrop = function() { - if (this.$modal) { - this.$modal.find('.js-zammad-form-modal-backdrop').css('height', this.$modal.prop('scrollHeight')); - } - } - // render form Plugin.prototype.render = function(e) { var _this = this @@ -442,7 +435,6 @@ $(function() { // append modal to body else { $('body').append($element) - this.resizeModalBackdrop() } }