root/drum-rhythm-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #27 from outis1one/clDemoe/read-repo-uQDWQ

Browse Source 
Fix editor canvas not rendering: layout and resize fixes
This commit is contained in:
Outis
2026-04-01 13:31:25 -04:00
committed by GitHub
parent 9a49afc743 6f3e4c8aa0
commit d1e233d087
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+7 -6
View File
@@ -229,7 +229,7 @@ canvas{display:block;}
<span id="ed-import-status" style="color:#888;font-size:11px;"></span>
</div>
</div>
<canvas id="ed-canvas" style="display:block;width:100%;cursor:crosshair;"></canvas>
<canvas id="ed-canvas" style="display:block;width:100%;flex:1;cursor:crosshair;align-self:stretch;"></canvas>
</div>
<script>
@@ -4844,16 +4844,17 @@ function openEditor(){
document.getElementById("ed-code-panel").style.display="none";
document.getElementById("ed-import-panel").style.display="none";
show("sed");
setTimeout(edResize,50);
// Need multiple frames for flex layout to settle after display:none→flex
requestAnimationFrame(function(){requestAnimationFrame(function(){edResize();});});
}
function closeEditor(){stopPreview();edPreviewing=false;document.getElementById("ed-pv-btn").textContent="▶ Preview";show("sm");}
function edResize(){
var cv=getEdCanvas();
var rect=cv.parentElement.getBoundingClientRect();
var toolH=document.getElementById("ed-toolbar").offsetHeight+document.getElementById("ed-help").offsetHeight;
cv.width=rect.width;
cv.height=window.innerHeight-toolH-cv.getBoundingClientRect().top+window.scrollY;
var cvRect=cv.getBoundingClientRect();
cv.width=cvRect.width||cv.parentElement.clientWidth||window.innerWidth;
// Height = remaining space from canvas top to window bottom
cv.height=Math.max(200, window.innerHeight-cvRect.top);
ED_LANE_H=Math.floor((cv.height-ED_KICK_H)/4);
edDraw();
}