Restored will-change to tweaksStyle due to bad MDN suggestion doeesn't hint early enough in FF ↞ [auto-sync from https://github.com/adamlui/ai-web-extensions/tree/main/chatgpt-widescreen]

kudo-sync-bot · kudo-sync-bot · commit 0411e27ef1e2 · 2025-02-05T14:57:34.000-08:00
diff --git a/chromium/extension/components/buttons.js b/chromium/extension/components/buttons.js
@@ -102,8 +102,6 @@ window.buttons = {
                     }
                 }
             }
-            btn.onmouseenter = () => btn.style.willChange = 'transform' // optimize hover-zoom to prevent wobble
-            btn.onmouseleave = () => btn.style.willChange = 'auto' // deallocate optimizations
         })
     },
 
diff --git a/chromium/extension/content.js b/chromium/extension/content.js
@@ -191,7 +191,8 @@
                   + ( config.hiddenFooter ? hfStyle : '' ) // hide footer
                   + `#newChat-btn { display: ${ config.ncbDisabled == true ? 'none' : 'flex' }}`
                   + ( config.btnAnimationsDisabled ? '' : // zoom chatbar buttons on hover
-                        `.${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285 }) }` )
+                        `.${buttons.class} { will-change: transform } /* prevent wobble */
+                         .${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285 }) }` )
                 )
             },
 
diff --git a/firefox/extension/components/buttons.js b/firefox/extension/components/buttons.js
@@ -102,8 +102,6 @@ window.buttons = {
                     }
                 }
             }
-            btn.onmouseenter = () => btn.style.willChange = 'transform' // optimize hover-zoom to prevent wobble
-            btn.onmouseleave = () => btn.style.willChange = 'auto' // deallocate optimizations
         })
     },
 
diff --git a/firefox/extension/content.js b/firefox/extension/content.js
@@ -191,7 +191,8 @@
                   + ( config.hiddenFooter ? hfStyle : '' ) // hide footer
                   + `#newChat-btn { display: ${ config.ncbDisabled == true ? 'none' : 'flex' }}`
                   + ( config.btnAnimationsDisabled ? '' : // zoom chatbar buttons on hover
-                        `.${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285 }) }` )
+                        `.${buttons.class} { will-change: transform } /* prevent wobble */
+                         .${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285 }) }` )
                 )
             },
 
diff --git a/greasemonkey/chatgpt-widescreen-mode.user.js b/greasemonkey/chatgpt-widescreen-mode.user.js
@@ -235,7 +235,7 @@
 // @description:zu      Thuthukisa iChatGPT ngemodi zesikrini ezibanzi/egcwele/ephezulu + imodi yokuvimbela i-spam. Futhi isebenza ku-perplexity.ai + poe.com!
 // @author              Adam Lui
 // @namespace           https://github.com/adamlui
-// @version             2025.2.4.2
+// @version             2025.2.5
 // @license             MIT
 // @icon                https://assets.chatgptwidescreen.com/images/icons/widescreen-robot-emoji/icon48.png?v=844b16e
 // @icon64              https://assets.chatgptwidescreen.com/images/icons/widescreen-robot-emoji/icon64.png?v=844b16e
@@ -257,7 +257,7 @@
 // @require             https://cdn.jsdelivr.net/npm/@kudoai/chatgpt.js@3.6.0/dist/chatgpt.min.js#sha256-Ca0xMG4FWRXlayhPaaSU1RufmmGt31xIF9WUKOwzkco=
 // @require             https://cdn.jsdelivr.net/gh/adamlui/chatgpt-widescreen@57baed4/chromium/extension/lib/dom.js#sha256-4Okcw+Peu+cq5HxFkpUYOXgwXNpBVmRiBYkYvtJXbHE=
 // @require             https://cdn.jsdelivr.net/gh/adamlui/chatgpt-widescreen@bbd0ea4/chromium/extension/lib/settings.js#sha256-zmX98Pku2DFY9SI0KBy6Ix6lUJIh8FNtqbAO8nnFE6k=
-// @require             https://cdn.jsdelivr.net/gh/adamlui/chatgpt-widescreen@bbd0ea4/chromium/extension/components/buttons.js#sha256-cf8uqPcLdpEPM21OSeh2Xj2mi987eeGtg+wXR1EmHlI=
+// @require             https://cdn.jsdelivr.net/gh/adamlui/chatgpt-widescreen@f7a856e/chromium/extension/components/buttons.js#sha256-lAf5baPxtCN6WMNY1LiFs26YAIZV27lN7WF26hZHS/c=
 // @require             https://cdn.jsdelivr.net/gh/adamlui/chatgpt-widescreen@57baed4/chromium/extension/components/modals.js#sha256-us4mcDuhl2YawwczexrMssCL1kOC70OVpdOjygm5Fc4=
 // @resource rpgCSS     https://assets.aiwebextensions.com/styles/rising-particles/dist/gray.min.css?v=727feff#sha256-48sEWzNUGUOP04ur52G5VOfGZPSnZQfrF3szUr4VaRs=
 // @resource rpwCSS     https://assets.aiwebextensions.com/styles/rising-particles/dist/white.min.css?v=727feff#sha256-6xBXczm7yM1MZ/v0o1KVFfJGehHk47KJjq8oTktH4KE=
@@ -632,8 +632,7 @@
                   + ( config.hiddenFooter ? hfStyle : '' ) // hide footer
                   + `#newChat-btn { display: ${ config.ncbDisabled == true ? 'none' : 'flex' }}`
                   + ( config.btnAnimationsDisabled ? '' : // zoom chatbar buttons on hover
-                        `.${buttons.class} { will-change: transform } /* prevent wobble */
-                         .${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285 }) }` )
+                        `.${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285 }) }` )
                 )
             },
 

Original file line number	Diff line number	Diff line change
`@@ -102,8 +102,6 @@ window.buttons = {`
`102`	`102`	`}`
`103`	`103`	`}`
`104`	`104`	`}`
`105`		`- btn.onmouseenter = () => btn.style.willChange = 'transform' // optimize hover-zoom to prevent wobble`
`106`		`- btn.onmouseleave = () => btn.style.willChange = 'auto' // deallocate optimizations`
`107`	`105`	`})`
`108`	`106`	`},`
`109`	`107`
Original file line number	Diff line number	Diff line change
`@@ -191,7 +191,8 @@`
`191`	`191`	`+ ( config.hiddenFooter ? hfStyle : '' ) // hide footer`
`192`	`192`	+ `#newChat-btn { display: ${ config.ncbDisabled == true ? 'none' : 'flex' }}`
`193`	`193`	`+ ( config.btnAnimationsDisabled ? '' : // zoom chatbar buttons on hover`
`194`		- `.${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285 }) }` )
	`194`	+ `.${buttons.class} { will-change: transform } /* prevent wobble */
	`195`	+ .${buttons.class}:hover { transform: scale(${ env.site == 'poe' ? 1.15 : 1.285 }) }` )
`195`	`196`	`)`
`196`	`197`	`},`
`197`	`198`