Public/stable-diffusion-webui-ux
1
0
Fork 0
mirror of https://github.com/anapnoe/stable-diffusion-webui-ux.git synced 2026-09-19 17:25:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix issue with quicksettings not applied on the fly due to blur event introduced by gradio

Browse Source
This commit is contained in:
anapnoe
2023-05-06 05:45:48 +03:00
parent 780ef77603
commit 438f616485
3 changed files with 28 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript/ui.js
+11 -14
View File
@@ -869,9 +869,7 @@ onUiUpdate(function(){
const tabitems = gradioApp().querySelectorAll('#tabs > div.tabitem');
function tabOpsSave(setting){
const iEvent = new Event("input");
Object.defineProperty(iEvent, "target", {value: setting})
setting.dispatchEvent(iEvent);
updateInput(setting);
}
function tabsHiddenChange() {
@@ -1024,9 +1022,7 @@ onUiUpdate(function(){
const quick_parent = gradioApp().querySelector("#quicksettings_overflow_container");
const setting_quicksettings = gradioApp().querySelector('#setting_quicksettings textarea');
function saveQuickSettings(){
const iEvent = new Event("input");
Object.defineProperty(iEvent, "target", {value: setting_quicksettings})
setting_quicksettings.dispatchEvent(iEvent);
updateInput(setting_quicksettings);
const cEvent = new Event("click");//submit
Object.defineProperty(cEvent, "target", {value: settings_submit})
settings_submit.dispatchEvent(cEvent);
@@ -1129,7 +1125,7 @@ onUiUpdate(function(){
})
clone_range.addEventListener('change', function (e) {
elem.value = clone_range.value;
updateInput(elem);
updateInput(elem);
})
clone_num.addEventListener('input', function (e) {
clone_range.value = e.target.value;
@@ -1146,15 +1142,15 @@ onUiUpdate(function(){
clone_range.value = ( percent * (this.max - this.min)) + parseFloat(this.min);
clone_num.value = clone_range.value;
}
}, {passive: true});
}, {passive: true})
clone_range.addEventListener('touchstart', function(e) {
if( e.touches[0].pageY > yoffset_min && e.touches[0].pageY < yoffset_max){
drag_clone_range = true;
}
}, {passive: true});
}, {passive: true})
clone_range.addEventListener('touchend', function(e) {
drag_clone_range = false;
}, {passive: true});
}, {passive: true})
}
@@ -1434,9 +1430,7 @@ onUiUpdate(function(){
//console.log(order_settings);
const setting_quicksettings = gradioApp().querySelector('#setting_quicksettings textarea');
setting_quicksettings.value = order_settings;
const iEvent = new Event("input");
Object.defineProperty(iEvent, "target", {value: setting_quicksettings})
setting_quicksettings.dispatchEvent(iEvent);
updateInput(setting_quicksettings);
const cEvent = new Event("click");//submit
Object.defineProperty(cEvent, "target", {value: settings_submit})
@@ -1613,9 +1607,12 @@ function restart_reload(){
// Simulate an `input` DOM event for Gradio Textbox component. Needed after you edit its contents in javascript, otherwise your edits
// will only visible on web page and not sent to python.
function updateInput(target){
let e = new Event("input", { bubbles: true })
const e = new Event("input", { bubbles: true })
Object.defineProperty(e, "target", {value: target})
target.dispatchEvent(e);
const eb = new Event("blur");
Object.defineProperty(eb, "target", {value: target})
target.dispatchEvent(eb);
}
var desiredCheckpointName = null;