Border appears when modal opens. Only when using className instead of inlineCss

[shmekla]

Summary:

Hello, I ran into a problem using react-modal. Whenever I add a className, the weird border appears when modal open. Doesn't appear if I use inline, but I need responsiveness, that inline doesn't provide. It disappears when you try to inspect or click on inspect panel. Anyone else ran into this issue?

Steps to reproduce:

1. Using CSS classes for styling (Official demo)

Expected behavior:

That weird border, shouldn't be there.

Link to example of issue:

https://codepen.io/claydiffrient/pen/KNjVrG

Additional notes:

[BlackSpade741]

@shmekla Are you talking about the border around the modal itself? It might be because the whole modal is in focus.

[planetClaire]

:focus { outline: none; } removes it.

[TrejoCode]

Close this, is solved.