webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
742 stars 65 forks source link

www.maprunner.info - see bug description #75737

Closed webcompat-bot closed 2 years ago

webcompat-bot commented 3 years ago

URL: https://www.maprunner.info/michigan/island-lake?lat=-172.48&lng=167.14

Browser / Version: Firefox 90.0 Operating System: Windows 10 Tested Another Browser: Yes Chrome

Problem type: Something else Description: Map dpes not work when in 1920x1080 window Steps to Reproduce: map goes blank in non fullscreen

View the screenshot Screenshot
Browser Configuration
  • gfx.webrender.all: false
  • gfx.webrender.blob-images: true
  • gfx.webrender.enabled: false
  • image.mem.shared: true
  • buildID: 20210531175412
  • channel: beta
  • hasTouchScreen: false
  • mixed active content blocked: false
  • mixed passive content blocked: false
  • tracking content blocked: false

View console log messages

From webcompat.com with ❤️

ksy36 commented 3 years ago

I can reproduce, after trying to navigate the tiles don't load in certain areas in Firefox Nightly 91.0a1 (2021-06-01) on MacOS. Doesn't happen in Chrome.

Screen Shot 2021-06-01 at 9 34 16 PM

Moving to needsdiagnosis

karlcow commented 2 years ago

The title is loaded… but that seems to represent a black image.

Capture d’écran 2022-02-11 à 14 25 46

All the tiles finishing by 6.jpg are black.

<div
  class="leaflet-tile-container leaflet-zoom-animated"
  style="z-index: 4; transform: translate3d(0px, 0px, 0px) scale(1)"
>
  <img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/4/4.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(116px, 42px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/5/4.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(372px, 42px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/4/5.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(116px, 298px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/5/5.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(372px, 298px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/4/3.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(116px, -214px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/5/3.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(372px, -214px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/3/4.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(-140px, 42px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/6/4.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(628px, 42px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/3/5.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(-140px, 298px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/6/5.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(628px, 298px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/4/6.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(116px, 554px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/5/6.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(372px, 554px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/3/3.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(-140px, -214px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/6/3.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(628px, -214px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/3/6.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(-140px, 554px, 0px);
      opacity: 1;
    "
  /><img
    alt=""
    role="presentation"
    src="https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/6/6.jpg?v=2"
    class="leaflet-tile leaflet-tile-loaded"
    style="
      width: 257px;
      height: 257px;
      transform: translate3d(628px, 554px, 0px);
      opacity: 1;
    "
  />
</div>
karlcow commented 2 years ago

example https://cdn.maprunner.info/images/maps/michigan/island-lake/satellite/3/6/6.jpg?v=2 but they are the limit of the map.

The rest is displayed correctly. Maybe this is fixed.