Merge pull request #237 from BinaryMan32/edit-lyrics-codemirror-style-perf

tranxuanthang · web-flow · commit fbdd969d5813 · 2025-11-05T14:37:12.000+07:00
EditLyrics: reduce CPU usage
diff --git a/src/components/library/EditLyrics.vue b/src/components/library/EditLyrics.vue
@@ -95,13 +95,12 @@
 
       <!-- NOTE: AsyncCodemirror component does not have @wheel event handler, so it has to be handled here (in the container) -->
       <div class="relative h-full w-full" id="cm-container" ref="cmContainer">
-        <div class="overflow-hidden absolute w-full" :style="{ height: `${cmHeight}px` }" @wheel="handleWheel">
+        <div class="overflow-hidden absolute w-full" :style="{ height: `${cmHeight}px`, fontSize: `${codemirrorStyle.fontSize}em` }" @wheel="handleWheel">
           <AsyncCodemirror
             v-if="shouldLoadCodeMirror"
             v-model="unifiedLyrics"
             placeholder="Lyrics is currently empty"
             class="codemirror-custom h-full outline-none"
-            :style="{ fontSize: `${codemirrorStyle.fontSize}em` }"
             :autofocus="true"
             :indent-with-tab="true"
             :tab-size="2"
