Full document, spreadsheet, slideshow, and diagram tooling
Merge pull request 'fix: frozen column transparent background in dark mode' (#263) from fix/frozen-col-clear-bg into main
+7
-2
+7
-2
src/sheets/main.ts
+7
-2
src/sheets/main.ts
···
2378
2378
const cellData = getCellData(id);
2379
2379
const display = computeDisplayValue(id, cellData);
2380
2380
const displayDiv = td.querySelector('.cell-display');
2381
+
const isFrozen = td.classList.contains('frozen-col') || td.classList.contains('frozen-row') || td.classList.contains('frozen-corner');
2381
2382
if (displayDiv) {
2382
2383
if (isSparklineResult(display)) {
2383
2384
// Replace text content with sparkline canvas if needed
···
2386
2387
displayDiv.style.cssText = 'padding:0;overflow:hidden;' + getCellStyle(cellData, '');
2387
2388
}
2388
2389
// Background on td for sparklines too
2389
-
td.style.background = getCellBgColor(cellData, '');
2390
+
// Frozen cells MUST keep an opaque inline background to occlude scrolled content
2391
+
const bg = getCellBgColor(cellData, '');
2392
+
td.style.background = bg || (isFrozen ? 'var(--color-bg)' : '');
2390
2393
hasSparklines = true;
2391
2394
} else {
2392
2395
// Remove sparkline canvas if value is no longer a sparkline
···
2397
2400
const cfStyleStr = buildCfStyle(cfResult);
2398
2401
displayDiv.style.cssText = getCellStyle(cellData, cfStyleStr);
2399
2402
// Background on td so inset box-shadow grid lines paint on top
2400
-
td.style.background = getCellBgColor(cellData, cfStyleStr);
2403
+
// Frozen cells MUST keep an opaque inline background to occlude scrolled content
2404
+
const bg = getCellBgColor(cellData, cfStyleStr);
2405
+
td.style.background = bg || (isFrozen ? 'var(--color-bg)' : '');
2401
2406
// Update wrap class
2402
2407
if (cellData?.s?.wrap) displayDiv.classList.add('cell-wrap');
2403
2408
else displayDiv.classList.remove('cell-wrap');