b663c7f442
Change the hack to just use top/left if chrome is being used, otherwise use transform. Hopefully chrome fixes their issue so we can use transform everywhere instead.
43 lines
1.3 KiB
HTML
43 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Leaflet debug page</title>
|
|
|
|
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1 maximum-scale=1.0 user-scalable=0">
|
|
<link rel="stylesheet" href="../css/screen.css" />
|
|
|
|
<script src="../leaflet-include.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="map"></div>
|
|
<div >
|
|
<form method="get">Click in field then scroll map (in up/left direction) to see shift of map tiles.
|
|
<fieldset><label for="textField">Name</label>:
|
|
<input id="textField" name="textField" type="text" value="">
|
|
</fieldset>
|
|
</form>
|
|
Bug tested to occur on: Safari on Mac (Tested in 5.1.7), iPad/iPhone 5.1.1., Android 4 Browser. Hack is in L.Browser.chrome and TileLayer._addTile
|
|
|
|
</div>
|
|
<script type="text/javascript">
|
|
|
|
var cloudmade = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/997/256/{z}/{x}/{y}.png', {
|
|
maxZoom: 18,
|
|
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
|
key: 'BC9A493B41014CAABB98F0471D759707'
|
|
});
|
|
|
|
//Disable the hack fix
|
|
L.Browser.chrome = true;
|
|
|
|
var map = L.map('map')
|
|
.setView([50.5, 30.51], 15)
|
|
.addLayer(cloudmade);
|
|
</script>
|
|
</body>
|
|
</html>
|