Kartographer Reparse Test sayfasının kaynağını görüntüle

== Kartographer innerHTML Re-Parse Test ==

This page demonstrates [[phab:T401606]]: the <code><a></code> map container breaks when re-parsed via <code>innerHTML</code>.

<mapframe width="300" height="200" zoom="13" latitude="41.353" longitude="41.31">
{
"type": "Feature",
"geometry": { "type": "Point", "coordinates": [41.31, 41.353] },
"properties": {
  "marker-symbol": "marker",
  "marker-size": "large",
  "marker-color": "0050d0"
}
}
</mapframe>

=== Test ===
Wait for the map to load, then tap the button:

<div id="test-btn" style="margin:15px 0; padding:12px 20px; background:#d33; color:white; border-radius:8px; text-align:center; font-size:16px; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0.1);">TAP: Simulate innerHTML re-parse</div>
<pre id="log" style="background:#f8f8f8; padding:10px; border:1px solid #ccc; font-size:13px; white-space:pre-wrap;">Waiting for test...</pre>

<templatestyles src="Kartographer Reparse Test/styles.css" />

{{#tag:script|
var btn = document.getElementById("test-btn");
var log = document.getElementById("log");
if (btn) btn.onclick = function() {
  var map = document.querySelector(".mw-kartographer-map");
  if (!map) { log.textContent = "No map found"; return; }
  var p = map.parentElement;
  var ba = map.querySelectorAll("a").length;
  var bc = map.children.length;
  var bt = map.tagName;
  log.textContent = "BEFORE: tag=" + bt + ", " + ba + " inner <a>, " + bc + " children\n";
  p.innerHTML = p.innerHTML;
  var m2 = p.querySelector(".mw-kartographer-map");
  if (!m2) { log.textContent += "AFTER: Map container GONE!"; return; }
  log.textContent += "AFTER:  tag=" + m2.tagName + ", " + m2.querySelectorAll("a").length + " inner <a>, " + m2.children.length + " children\n\n";
  log.textContent += (m2.querySelectorAll("a").length < ba) ? "RESULT: MAP BROKEN!" : "RESULT: OK";
};
}}