Visual Glitch that makes files and folders look like they're constantly selected
FidgetyMouse18 opened this issue · 3 comments
FidgetyMouse18 commented
The title explains my problem and to be perfectly honest I'm not sure if it's my doing or not but I've read the docs fairly extensively and I don't seem to be doing anything obviously wrong (I think). I've put my code, a screenshot of what's occuring and my dependency list (incase that helps).
<div style={{ height: 600 }}>
<DndProvider backend={HTML5Backend}>
<FileBrowser
disableDragAndDropProvider={true}
disableDragAndDrop={false}
files={files}
darkMode={true}
folderChain={dirList}
>
<FileNavbar />
<FileToolbar />
<FileList />
<FileContextMenu />
</FileBrowser>
</DndProvider>
</div>
"dependencies": {
"@mantine/core": "^4.1.4",
"@mantine/dates": "^4.1.4",
"@mantine/hooks": "^4.1.4",
"@mantine/modals": "^4.1.4",
"@mantine/notifications": "^4.1.4",
"@mantine/rte": "^4.1.4",
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^13.1.1",
"@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.4.1",
"@types/node": "^17.0.25",
"@types/react": "^18.0.6",
"@types/react-dom": "^18.0.2",
"chonky": "^2.3.2",
"chonky-icon-fontawesome": "^2.3.2",
"dayjs": "^1.11.1",
"firebase": "^9.6.11",
"moment": "^2.29.3",
"react": "^18.0.0",
"react-dnd": "^16.0.1",
"react-dnd-html5-backend": "^16.0.1",
"react-dom": "^18.0.0",
"react-scripts": "5.0.1",
"tabler-icons-react": "^1.46.0",
"typescript": "^4.6.3",
"web-vitals": "^2.1.4"
}
FidgetyMouse18 commented
Wouldn't quite call it fixed so I'm gonna leave this issue open but the issue went away when I disabled strict mode on React. Personally I'd prefer to leave it on but I'd much rather this work properly.
FidgetyMouse18 commented
I also tested it on it's own and it seems none of my dependencies are affecting it, just strict mode.
qbob1 commented
Can confirm this still exists