セルのテキストが折り返されるようにする
一定の幅を超えたセルのテキストが折り返されるようになります
.line:not(.cursor-line) を外すとカーソルの挙動がバグります
code:style.css
body {
--cell-wrap-width: 30em;
}
.line .table-block-row {
display: flex !important;
height: 100% !important;
}
.line .cell {
display: block !important;
max-width: var(--cell-wrap-width, 30em);
}
.line .cell-text {
display: inline-block;
box-sizing: content-box;
max-width: var(--cell-wrap-width, 30em);
vertical-align: top;
text-wrap: pretty;
}
Firefoxにてレイアウト崩れを確認した
146.0.1 (Build #2016132551), 86bb7f6af6312ba3c0161085f854bcdff68f1a91 GV: 146.0.1-20251217121356
AS: 146.0.2
OS: Android 13