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

Swagger-UI not displaying properly on Safari #1821

Closed
habovh opened this issue Dec 17, 2015 · 11 comments
Closed

Swagger-UI not displaying properly on Safari #1821

habovh opened this issue Dec 17, 2015 · 11 comments
Assignees

Comments

@habovh
Copy link

habovh commented Dec 17, 2015

There are a lot of problems using Swagger UI on Safari over untrusted HTTPS (maybe unrelated to issue).

The best is to see the following screenshot:
capture d ecran 2015-12-17 a 10 39 12

See that the text is really displayed in a weird manner. I'm not sure whether this has something to do with HTTPS but everything is working fine on Chrome or Firefox.
Seen that before?

@habovh
Copy link
Author

habovh commented Dec 17, 2015

Update 1

Apparently the issue is with the "Droid sans" font. When I hack the CSS on the fly with the developer console in Safari, and remove "Droid sans" from the font-stack (leaving only sans-serif in the font stack), everything displays properly.

Having discovered this, I tried to have a look at the font resources that were loaded, and I could find the issue:

Droid sans regular

capture d ecran 2015-12-17 a 10 48 12

Droid sans bold

capture d ecran 2015-12-17 a 10 48 20

Now that's why Safari is struggling to display the page properly, except the titles that are... In bold.

Any idea why this is happening right now?

@fehguy
Copy link
Contributor

fehguy commented Dec 17, 2015

There were some corrupt font files in a few of the builds. Have you tried from master?

@habovh
Copy link
Author

habovh commented Dec 18, 2015

Updated using master, now works great, it was because of the font corruption. Closing the issue, thanks for you tip!

@habovh habovh closed this as completed Dec 18, 2015
@dilipkrish
Copy link

Not sure what Im doing wrong.. still seeing the issue in master.

swagger_ui

I just got latest master

  • did an gulp clean
  • gulp
  • gulp serve

that ☝️ is what I see

@fehguy
Copy link
Contributor

fehguy commented Jan 28, 2016

Aye! Yes i'm getting that on a clean version of safari. Will report back in a few.

@fehguy
Copy link
Contributor

fehguy commented Jan 28, 2016

please try now @dilipkrish

@dilipkrish
Copy link

👍 works now! thanks!

@fehguy
Copy link
Contributor

fehguy commented Jan 28, 2016

thanks for reporting that. I hope this doesn't revert again.

@ponelat
Copy link
Member

ponelat commented Jan 28, 2016

In case it ever (heaven forbid) does happen again, here is a md5sum digest, to help with debugging...
9e94decf013d3e2c9adcc0b97cc5ce44 src/main/html/fonts/DroidSans.ttf
9e94decf013d3e2c9adcc0b97cc5ce44 dist/fonts/DroidSans.ttf

@tomjoht
Copy link

tomjoht commented Feb 2, 2016

I experienced the same issue. I just removed these two fonts from the fonts folder, and now the display is fine.

@ponelat ponelat reopened this Feb 4, 2016
@ponelat
Copy link
Member

ponelat commented Feb 5, 2016

This has been resolved, @tomjohnson1492 please try pulling the latest from master branch.

@ponelat ponelat closed this as completed Feb 5, 2016
marcosmro added a commit to metadatacenter/cedar-terminology-server that referenced this issue Feb 11, 2016
DanBradbury added a commit to yardclub/swagger-ui that referenced this issue Feb 25, 2016
  - Fixes safari rendering issues (swagger-api#1821)
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

6 participants