Browse Source

Safari: Draws certain elements on CPU. In case of search popup, can cause 10 seconds+ main thread lock due to painting. (#2763)

* lets toggle this setting first.

* also makes it easier for debug. I'll be honest this is generally preferred behavior as well for me but I ain't no power user shrug.

* attempting trick to put the work for filter: brightness on GPU as a first attempt before falling back to not using filter for large lists!

* revert litegraph.core.js changes from branch

* oops
pull/2733/merge
Steven Lu 9 months ago committed by GitHub
parent
commit
02409c30d9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  1. 7
      web/style.css

7
web/style.css

@ -197,6 +197,7 @@ button.comfy-close-menu-btn {
.comfy-modal button:hover, .comfy-modal button:hover,
.comfy-menu-actions button:hover { .comfy-menu-actions button:hover {
filter: brightness(1.2); filter: brightness(1.2);
will-change: transform;
cursor: pointer; cursor: pointer;
} }
@ -462,11 +463,13 @@ dialog::backdrop {
z-index: 9999 !important; z-index: 9999 !important;
background-color: var(--comfy-menu-bg) !important; background-color: var(--comfy-menu-bg) !important;
filter: brightness(95%); filter: brightness(95%);
will-change: transform;
} }
.litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator) { .litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator) {
background-color: var(--comfy-menu-bg) !important; background-color: var(--comfy-menu-bg) !important;
filter: brightness(155%); filter: brightness(155%);
will-change: transform;
color: var(--input-text); color: var(--input-text);
} }
@ -527,12 +530,14 @@ dialog::backdrop {
color: var(--input-text); color: var(--input-text);
background-color: var(--comfy-input-bg); background-color: var(--comfy-input-bg);
filter: brightness(80%); filter: brightness(80%);
will-change: transform;
padding-left: 0.2em; padding-left: 0.2em;
} }
.litegraph.lite-search-item.generic_type { .litegraph.lite-search-item.generic_type {
color: var(--input-text); color: var(--input-text);
filter: brightness(50%); filter: brightness(50%);
will-change: transform;
} }
@media only screen and (max-width: 450px) { @media only screen and (max-width: 450px) {
@ -551,4 +556,4 @@ dialog::backdrop {
text-align: center; text-align: center;
border-top: none; border-top: none;
} }
} }

Loading…
Cancel
Save