NUKnightLab / NUKnightLab/StoryMapJS

Images rendering differently depending on browser

Open
#123 1 comment 0 reactions 1 assignee View on GitHub

@JoeGermuska is already working on this.

Since May 22, 2015.

Browser Bug: Chrome Browser Bug: Firefox Browser Bug: IE Browser Bug: Safari bug
Dominant language
JavaScript
Stars
248
Forks
61
Avg merge
1m
Merged PRs (30d)
1

Description

This note came in via ZenDesk:

Hi,

I'm trying to implement the StoryMap on my Wordpress site using the
Wordpress plugin, but I'm seeming to run into some browser compatibility
issues. I'm not sure if some of it is attributable to the particular theme
that I'm using, or if there is something else going on.

I've attached a few screenshots of how things are currently rendering on my
in-development website. in Chrome, everything seems to appear correct.
Pictures are appropriately scaled and text is conforming to the container.
In Firefox, the text conforms to the container, but the pictures are quite
small. In IE, the photos are too large and the text is not conforming to
the container.

When I looked into this originally, the demo map on the frontpage of your
website at http://storymap.knightlab.com/ seemed to reproduce these
problems, but I have not since been able to get it to reproduce the IE
problem. The different scale of pictures in Firefox and Chrome is still
present though.

Any thoughts or suggestions you might have would be appreciated.

Thanks so much in advance,
chrome
firefox
ie
sm_chrome
sm_firefox

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.