debug(pressure-chart): add render() logging to diagnose invisible HTML
SUMMARY: Added logging at start of render() and after innerHTML to see if HTML is being generated but not displayed. CHANGES: - Log when render() is called with container reference - Log innerHTML length after setting - Log first 100 chars of innerHTML - Bump version to v20251019174000 ISSUE: User cannot see 'Simulate Pressure Increase' button despite initialization succeeding. Need to verify if HTML is being generated at all. 🤖 Generated with Claude Code (https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
0e0c004728
commit
8dbdf53ca7
2 changed files with 6 additions and 1 deletions
|
|
@ -549,7 +549,7 @@
|
||||||
<script src="/js/components/interactive-diagram.js?v=20251019170000"></script>
|
<script src="/js/components/interactive-diagram.js?v=20251019170000"></script>
|
||||||
|
|
||||||
<!-- Data Visualizations (Phase 3) -->
|
<!-- Data Visualizations (Phase 3) -->
|
||||||
<script src="/js/components/pressure-chart.js?v=20251019173500"></script>
|
<script src="/js/components/pressure-chart.js?v=20251019174000"></script>
|
||||||
<script src="/js/components/activity-timeline.js?v=20251019173500"></script>
|
<script src="/js/components/activity-timeline.js?v=20251019173500"></script>
|
||||||
|
|
||||||
<!-- Footer Component -->
|
<!-- Footer Component -->
|
||||||
|
|
|
||||||
|
|
@ -35,6 +35,7 @@ class PressureChart {
|
||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
|
console.log('[PressureChart] render() called, container:', this.container);
|
||||||
this.container.innerHTML = `
|
this.container.innerHTML = `
|
||||||
<div class="pressure-chart-container">
|
<div class="pressure-chart-container">
|
||||||
<div class="flex items-center justify-between mb-4">
|
<div class="flex items-center justify-between mb-4">
|
||||||
|
|
@ -102,6 +103,10 @@ class PressureChart {
|
||||||
resetBtn: document.getElementById('pressure-reset-btn')
|
resetBtn: document.getElementById('pressure-reset-btn')
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// Verify innerHTML was set
|
||||||
|
console.log('[PressureChart] innerHTML length:', this.container.innerHTML.length);
|
||||||
|
console.log('[PressureChart] First 100 chars:', this.container.innerHTML.substring(0, 100));
|
||||||
|
|
||||||
// Verify elements were found
|
// Verify elements were found
|
||||||
console.log('[PressureChart] Elements found:', {
|
console.log('[PressureChart] Elements found:', {
|
||||||
gaugeFill: !!this.elements.gaugeFill,
|
gaugeFill: !!this.elements.gaugeFill,
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue