On Firefox 109, tab lists such as those in the home page don't wrap if the screen is narrow.
This is due to:but does not make much sense, as it should only take effect inside
.tab-item: { white-space: pre }
.tab-item
, not on the .tab-list
itself, feels like a firefox bug.We want the
white-space: pre
so that tab entries won't be broken up across lines.Works fine in Chromium 109.
TODO can't reproduce on a minimal HTML page, so anoying!!!
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>Min sane</title>
<style>
span {
white-space: pre;
}
</style>
</head>
<body>
<span>My item 1</span>
<span>My item 2</span>
<span>My item 3</span>
<span>My item 4</span>
<span>My item 5</span>
<span>My item 6</span>
<span>My item 7</span>
<span>My item 8</span>
<span>My item 9</span>
<span>My item 10</span>
<span>My item 11</span>
<span>My item 12</span>
<span>My item 13</span>
<span>My item 14</span>
<span>My item 15</span>
<span>My item 16</span>
<span>My item 17</span>
<span>My item 18</span>
<span>My item 19</span>
</body>
</html>