Fix button color desync

There must be a better way to do this.
AprilSylph · Jul 28, 2023 · 1c28031 · 1c28031
1 parent be4736f
commit 1c28031
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/scripts/scroll_to_bottom.js b/src/scripts/scroll_to_bottom.js
@@ -96,12 +96,18 @@ const addButtonToPage = async function ([scrollToTopButton]) {
   document.documentElement.addEventListener('keydown', onKeyDown);
 };
 
+const modalButtonColorObserver = new MutationObserver(([mutation]) => {
+  modalScrollToBottomButton.style = mutation.target.style.cssText;
+});
+
 const addModalButtonToPage = async function ([modalScrollToTopButton]) {
   modalScrollToBottomButton ??= cloneButton(modalScrollToTopButton);
 
   modalScrollToTopButton.after(modalScrollToBottomButton);
   modalScrollToTopButton.addEventListener('click', stopScrolling);
   document.documentElement.addEventListener('keydown', onKeyDown);
+
+  modalButtonColorObserver.observe(modalScrollToTopButton, { attributeFilter: ['style'] });
 };
 
 export const main = async function () {
@@ -113,6 +119,7 @@ export const main = async function () {
 
 export const clean = async function () {
   pageModifications.unregister(addButtonToPage);
+  modalButtonColorObserver.disconnect();
   stopScrolling();
   scrollToBottomButton?.remove();
   styleElement.remove();