So I boiled my problem down a simplified test case and it’s still driving me bonkers — the more so because Gecko does what I expect, but Chromium and WebKit do not. In those two, when the rendering window gets short (that is, not much height), the `canvas` element overflows its grid row, despite being set to `height: 100%`. In Gecko, it always stays within its grid row, as I want it to do. Nor can I find a way to get the Gecko behavior across the board. Argh!
https://codepen.io/meyerweb/pen/eYQXERZ?editors=1100
Eric A. Meyer /
npub1dg…ayw0u
2023-08-04 18:48:24
in reply to nevent1q…fj8d
Author Public Key
npub1dgewglf93wmf9u26ppwmmjmqa5uphv5jrtmtfkc3q7n754z3p8xqyayw0uPublished at
2023-08-04 18:48:24Event JSON
{
"id": "1b689a7d6e91187f4abe37f795c825a47d52b71dcb4177a0fa86291be7dbf06b",
"pubkey": "6a32e47d258bb692f15a085dbdcb60ed381bb2921af6b4db1107a7ea545109cc",
"created_at": 1691174904,
"kind": 1,
"tags": [
[
"e",
"2280e02aee36f8eef6d4aac37e604d9e18e2a717336790af1117f666a2745147",
"wss://relay.mostr.pub",
"reply"
],
[
"proxy",
"https://mastodon.social/users/Meyerweb/statuses/110832838549082400",
"activitypub"
]
],
"content": "So I boiled my problem down a simplified test case and it’s still driving me bonkers — the more so because Gecko does what I expect, but Chromium and WebKit do not. In those two, when the rendering window gets short (that is, not much height), the `canvas` element overflows its grid row, despite being set to `height: 100%`. In Gecko, it always stays within its grid row, as I want it to do. Nor can I find a way to get the Gecko behavior across the board. Argh!\n\nhttps://codepen.io/meyerweb/pen/eYQXERZ?editors=1100",
"sig": "728c4b8e3abb5045a0d067d9602db5ee5bc64e10058a36497d3116076b2361d917ab183c65d8a47f5db9593cc71ab2060bbfbadeb919c0efefbd34451ddd08b6"
}