Uppy DashboardModal white foreground.

[atifaziz2]

I am wondering everything was working fine, but suddenly it makes problem, DashboardModal is showing with white foreground.

screenshot is attached.

[arturi]

Hi! Does the problem persist when you reload the page multiple times? What browser/OS are you using? And if possible, could you provide the code you are using to initialize Uppy?

[atifaziz2]

I am using chrome browser on Linux.
The problem is when i add

href="https://transloadit.edgly.net/releases/uppy/v1.0.0/uppy.min.css" rel="stylesheet"

into head tag, while it's works fine with old version

href="https://transloadit.edgly.net/releases/uppy/v0.29.1/dist/uppy.min.css" rel="stylesheet"

[arturi]

When using CSS from v1.0.0, are you using matching version of javascript though, https://transloadit.edgly.net/releases/uppy/v1.0.0/uppy.min.js?

[goto-bus-stop]

Perhaps some of your site's CSS is conflicting with Uppy's. We removed !important from our style rules to make it possible to change Uppy's CSS some time ago. Could you check in the inspector if something is overriding the styles?

e; ok, nvm 😄

[atifaziz2]

When using CSS from v1.0.0, are you using matching version of javascript though, https://transloadit.edgly.net/releases/uppy/v1.0.0/uppy.min.js?

@arturi you are right, actually i am using 0.29.1.
Thanks for clarify.

[arturi]

So it works for you now, @atifaziz2 atifaziz2?

Because I suspect the issue is with recent addition of uppy-Dashboard--isInnerWrapVisible class in #1383, without which the Dashboard stays at opacity 0:

uppy/packages/@uppy/dashboard/src/style.scss

Lines 139 to 151 in d17005a

	.uppy-Dashboard-innerWrap {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	opacity: 0;
	}
	.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap{
	opacity: 1;
	}

[atifaziz2]

So it works for you now, @atifaziz2 atifaziz2?

Because I suspect the issue is with recent addition of uppy-Dashboard--isInnerWrapVisible class in #1383, without which the Dashboard stays at opacity 0:

uppy/packages/@uppy/dashboard/src/style.scss

Lines 139 to 151 in d17005a

	.uppy-Dashboard-innerWrap {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	opacity: 0;
	}
	.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap{
	opacity: 1;
	}

Yes @arturi , it works fine.

[arturi]

Great, closing then!