Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

missing tiles, unpredictable zooming with RTL layout

See original GitHub issue

Leaflet doesn’t work very well with a right-to-left layout. Tiles are missing from all but the rightmost border, and zooming doesn’t work as expected.

Test case:

<html dir="rtl">
<head>
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.css" />
  <script src="http://cdn.leafletjs.com/leaflet-0.4.5/leaflet.js"></script>
  <style>
    #map { height: 100%; }
  </style>
</head>
<body>
<div id="map"></div>
<script>
  var map = L.map('map').setView([51.505, -0.09], 13);
  L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
</script>
</body>
</html>

Issue Analytics

State:
Created 11 years ago
Comments:12 (8 by maintainers)

Top GitHub Comments

3reactions

mufaddalmwcommented, Oct 13, 2019

@ayyash For me I stoped compiling of RTL leaflet css and it worked. (so its using en css in ar )

1reaction

ayyashcommented, Oct 13, 2019

@mufaddalmw yes thats what i did too, I forced that part into ltr 👍

Top Results From Across the Web

Scaling tiles for missing zoom levels in Leaflet?

One possible solution would be to use Leaflet.LimitZoom plugin. It makes possible to specify native zoom levels and allowed zoom levels.

Automatic strategies in the Siemens RTL tiled window manager

The Siemens RTL Tiled Window Manager supports an arbitrary layout of tiled windows. Windows may be placed anywhere; they do not necessarily line...

Fixed issues in Illustrator releases - Adobe Support

See the list of issues that we've fixed in the latest release of Illustrator.

View - Android Developers

Called when any RTL property (layout direction or text direction or text alignment) has been changed. void, onScreenStateChanged(int screenState).

Visual Portfolio, Photo Gallery & Post Grid – WordPress plugin

Convenient visual block editor with support to various layouts such as Masonry, Justified, Tiles, Grid, and Carousel. A well thought out design, powerful ......