change way of getting scroll preview element

Dun-sin · Aug 20, 2024 · 62464a6 · 62464a6
1 parent a096916
commit 62464a6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/lib/getElements.ts b/src/lib/getElements.ts
@@ -204,3 +204,6 @@ export const getGridFields = (
 
 export const getGridPreview = (attribute: string): HTMLElement =>
   document.getElementById(`${attribute}-preview`) as HTMLElement;
+
+export const getScrollPreview = (): HTMLElement =>
+  document.getElementById('scroll-preview') as HTMLElement;
diff --git a/src/pages/scroll.ts b/src/pages/scroll.ts
@@ -5,6 +5,7 @@ import {
   getCopyCodeButton,
   getCssOrTailwindButton,
   getCssOrTailwindDropdown,
+  getScrollPreview,
 } from '../lib/getElements';
 import {closeDropdown, showPopup} from '../lib/packages/utils';
 
@@ -83,9 +84,7 @@ function copyHandler(values: Values) {
 }
 
 export function scrollGenerator() {
-  const previewElement = document.getElementById(
-    'scroll-preview'
-  ) as HTMLElement;
+  const previewElement = getScrollPreview();
 
   function applyPreviewStyles(values: Values) {
     if (!previewElement) return;