Assets not loading

[navsaini]

I am using swagger-ui through a React component to display various swaggers, and in the cases of certain swagger specs, the assets do not load correctly. For example --

The lock next to the "Authorize" text is missing.

Q	A
Bug or feature request?	Bug
Which Swagger/OpenAPI version?	2.0
Which Swagger-UI version?	3.1.4
How did you install Swagger-UI?	npm
Which browser & version?	Google Chrome 60.0.3112.90 (Official Build)
Which operating system?	macOS Sierra

Demonstration API definition

Cannot provide entire spec because of confidentiality but can provide certain information about spec.

Configuration (browser query string, constructor, config.yaml)

        new SwaggerUIBundle({
            dom_id: '#swaggerContainer',
            spec: this.state.spec,
            presets: [presets.apis]
        });

Expected Behavior

Icons should be present where they are not

Current Behavior

Currently missing these icons

[shockey]

I think this is because we're embedding SVGs into our index.html: https://github.com/swagger-api/swagger-ui/blob/master/dist/index.html#L34.

The solution would be to embed the SVG asset directly into the component.

@Minasokoni, thoughts?

[Minasokoni]

@shockey Im going to make the loading of the icons a component and have that append to the DOM so that it loads in with the application without needing the index.html file.

[markmssd]

Facing the same issue, any progress on that? :)

[webron]

@Minasokoni Look at how many people gave you a 👍 and you left them all disappointed ;)

[jnovick]

I'm still having this issue. Why is this issue closed? Is it resolved somewhere?

[heldersepu]

@jnovick The issue still open...

[jnovick]

Sorry, I saw the word closed referring to Arrow not visible #3995 and thought this issue was marked as closed.