Full document, spreadsheet, slideshow, and diagram tooling
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Merge pull request 'fix: frozen column transparent background in dark mode' (#263) from fix/frozen-col-clear-bg into main

scott 92443463 c5149f64

+7 -2
+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');