leaflet.pub
a tool for shared writing and social publishing
add a mutation observer to try and figure out why the css var is being unset
awarm.space
+12
+12
app/layout.tsx
+12
app/layout.tsx
···
45
45
let el = document.querySelector(":root");
46
46
el.style.setProperty("--leaflet-height-unitless", window.innerHeight)
47
47
el.style.setProperty("--leaflet-width-unitless", window.innerWidth)
48
+
el.style.setProperty("--test", "THIS IS A TEST")
48
49
}
49
50
if (document.readyState === 'complete') {
50
51
listener();
51
52
} else {
52
53
document.addEventListener('DOMContentLoaded', listener);
53
54
}
55
+
window.addEventListener("resize", listener)
56
+
const styleObserver = new MutationObserver((mutations) => {
57
+
const currentValue = mutations[0].target.style.getPropertyValue('--leaflet-width-unitless');
58
+
console.log(currentValue)
59
+
console.log(mutations[0].target.style.getPropertyValue('--test'));
60
+
});
61
+
62
+
styleObserver.observe(document.documentElement, {
63
+
attributes: true,
64
+
attributeFilter: ['style'],
65
+
});
54
66
`,
55
67
}}
56
68
/>