Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] A black border box flashing when focusing #121

Open
bxclib2 opened this issue Jun 6, 2023 · 2 comments
Open

[BUG] A black border box flashing when focusing #121

bxclib2 opened this issue Jun 6, 2023 · 2 comments

Comments

@bxclib2
Copy link

bxclib2 commented Jun 6, 2023

Hi, I find a bug that after I drag file it will remove a black border box.

I find the bug is added by this commit https://github.com/KarimMokhtar/react-drag-drop-files/commit/446e940b8e92064a999352b9e973934fd97a89cc

In fact I don't know why :focus-within is added. This caused the black border box. Usually when I uploaded the file the box will be there until I clicked somewhere else.

I suggest to remove the

&:focus-within {
    outline: 2px solid black;
}
Screenshot 2023-06-06 at 4 09 38 PM

Is there any concerns here?

Thank you and regards

@spencey-b
Copy link

For those looking for a work around, you can override this unexpected behavior by setting classes with a class implementing outline: none !important.

Just passing a class in:
classes="outline-none"

@bxclib2
Copy link
Author

bxclib2 commented Dec 2, 2023

Sorry i wonder how to use the workaround? still confusing

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants