Replying to Avatar Eric A. Meyer

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

71
714c2ce1... 2y ago

nostr:npub1c353w465eg94sjctq7kh03f9zajjqqsg9wzmg20gc8tvqwm6u54sm89pmh you are probably looking for min-height:0 on the canvas element?

Reply to this note

Please Login to reply.

Discussion

Avatar
Eric A. Meyer 2y ago

nostr:npub16mupqs08pvwk8crlddfd8wuag79ldtqss09gslalvwksne2u6r0qy2qy4m Probably not? The problem is it’s too tall, not too short. And in my experiments, `max-height: 100%` didn’t help either. I just added it to be sure, and nope, still overflowing in WebKit and Chromium.