Fix using duplicate ids for counters and clip paths

This commit is contained in:
Catalin Mititiuc 2024-04-04 15:52:56 -07:00
parent b75a92bfe3
commit 8bd67fbee2

View File

@ -583,7 +583,7 @@ const RecordSheet = new function() {
unclipped.forEach(el => {
let { troopNumber, troopAllegiance } = el.dataset;
el.setAttributeNS(null, 'clip-path', `url(#${troopAllegiance}-${troopNumber})`);
el.setAttributeNS(null, 'clip-path', `url(#clip-path-${troopAllegiance}-${troopNumber})`);
});
};
@ -825,7 +825,7 @@ document.querySelectorAll('.set-firing-arc').forEach(el => el.addEventListener('
clipShape.setAttributeNS(null, 'r', 100);
let clipPath = document.createElementNS(svgns, 'clipPath');
clipPath.setAttributeNS(null, 'id', `${troopAllegiance}-${troopNumber}`);
clipPath.setAttributeNS(null, 'id', `clip-path-${troopAllegiance}-${troopNumber}`);
clipPath.dataset.troopNumber = troopNumber;
clipPath.dataset.troopAllegiance = troopAllegiance;
clipPath.appendChild(clipShape);