vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

fix: Modal dropdow overflow issue

Browse source
This commit is contained in:
Suraj Shetty 2020-12-04 16:47:11 +05:30
parent e50f1b002a
commit 537a37b5be
3 changed files with 28 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frappe/public/js/frappe/form/controls/autocomplete.js
View file

@ -88,6 +88,22 @@ frappe.ui.form.ControlAutocomplete = frappe.ui.form.ControlData.extend({
}
});
this.$input.on("awesomplete-open", () => {
let modal = this.$input.parents('.modal-dialog')[0];
if (modal) {
$(modal).removeClass("modal-dialog-scrollable");
}
this.autocomplete_open = true;
});
this.$input.on("awesomplete-close", () => {
let modal = this.$input.parents('.modal-dialog')[0];
if (modal) {
$(modal).addClass("modal-dialog-scrollable");
}
this.autocomplete_open = false;
});
this.$input.on('awesomplete-selectcomplete', () => {
this.$input.trigger('change');
});

19
frappe/public/js/frappe/form/controls/link.js
View file

@ -230,15 +230,20 @@ frappe.ui.form.ControlLink = frappe.ui.form.ControlData.extend({
}
});
this.$input.on("awesomplete-open", function() {
me.$wrapper.css({"z-index": 100});
me.$wrapper.find('ul').css({"z-index": 100});
me.autocomplete_open = true;
this.$input.on("awesomplete-open", () => {
let modal = this.$input.parents('.modal-dialog')[0];
if (modal) {
$(modal).removeClass("modal-dialog-scrollable");
}
this.autocomplete_open = true;
});
this.$input.on("awesomplete-close", function() {
me.$wrapper.css({"z-index": 1});
me.autocomplete_open = false;
this.$input.on("awesomplete-close", () => {
let modal = this.$input.parents('.modal-dialog')[0];
if (modal) {
$(modal).addClass("modal-dialog-scrollable");
}
this.autocomplete_open = false;
});
this.$input.on("awesomplete-select", function(e) {

1
frappe/public/scss/desk/modal.scss
View file

@ -38,7 +38,6 @@ h5.modal-title {
.modal-body {
padding: var(--padding-md) var(--padding-lg);
max-height: unquote("min(80vh, 650px)");
}
.modal-footer {