diff --git a/public/assets/form/form.css b/public/assets/form/form.css index e503b82ed..f7b9a736d 100644 --- a/public/assets/form/form.css +++ b/public/assets/form/form.css @@ -34,6 +34,7 @@ height: 100%; text-align: center; z-index: 999; + overflow: auto; } .zammad-form-modal:before { @@ -61,7 +62,7 @@ padding: 24px 24px 22px; width: 90%; max-width: 26em; - margin: 0 auto; + margin: 20px auto; box-sizing: border-box; position: relative; display: inline-block; diff --git a/public/assets/form/form.js b/public/assets/form/form.js index 961d76179..dcb7da0ee 100644 --- a/public/assets/form/form.js +++ b/public/assets/form/form.js @@ -274,6 +274,7 @@ $(function() { _this.render() return true }) + window.addEventListener('resize', _this.resizeModalBackdrop.bind(_this)); } } @@ -372,6 +373,12 @@ $(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 @@ -380,8 +387,8 @@ $(function() { _this.log('debug', 'modalOpenTime:', _this.modalOpenTime) var element = "