diff --git a/packages/web-react/src/components/FileUploader/demo/FileUploaderDraggingNotAvailable.tsx b/packages/web-react/src/components/FileUploader/demo/FileUploaderDraggingNotAvailable.tsx index d94c91e357..9d9d69864a 100644 --- a/packages/web-react/src/components/FileUploader/demo/FileUploaderDraggingNotAvailable.tsx +++ b/packages/web-react/src/components/FileUploader/demo/FileUploaderDraggingNotAvailable.tsx @@ -10,10 +10,14 @@ const FileUploaderDraggingNotAvailable = () => { ); useEffect(() => { - const element = document - .getElementById('file-uploader-dragging-not-available') - ?.querySelector('.has-drag-and-drop'); - element?.classList.remove('has-drag-and-drop'); + const timer = setTimeout(() => { + const element = document + .getElementById('file-uploader-dragging-not-available') + ?.querySelector('.has-drag-and-drop'); + element?.classList.remove('has-drag-and-drop'); + }, 0); + + return () => clearTimeout(timer); }, []); // ⚠️ VISUAL EXAMPLE ONLY, DO NOT COPY-PASTE diff --git a/tests/e2e/demo-components-compare.spec.ts-snapshots/fileuploader-chromium-linux.png b/tests/e2e/demo-components-compare.spec.ts-snapshots/fileuploader-chromium-linux.png index 7b8d012a6c..6ce76b161f 100644 Binary files a/tests/e2e/demo-components-compare.spec.ts-snapshots/fileuploader-chromium-linux.png and b/tests/e2e/demo-components-compare.spec.ts-snapshots/fileuploader-chromium-linux.png differ