From 02409c30d9ea5314e5103d03f7c9933fa1012659 Mon Sep 17 00:00:00 2001
From: Steven Lu <stevenlu443@gmail.com>
Date: Mon, 12 Feb 2024 01:44:53 +0700
Subject: [PATCH] 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
---
 web/style.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

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