Re: [csswg-drafts] [css-sizing] Does an indefinite intrinsic block size transfer to inline axis when `stretch` would do so? (#11387)

Similar testcase, not much conclusive since only Chrome supports `align-self: stretch` on replaced abspos.

```html
<!DOCTYPE html>
<style>
.wrapper { position: relative; width: 50px; height: 50px; border: solid; margin: 5px }
canvas { position: absolute; top: 0; bottom: 0; align-self: stretch; background: cyan; }
</style>
<div class="wrapper">
  <canvas width="25" height="25"></canvas>
</div>
<div class="wrapper">
  <canvas width="25" height="25" style="height: -moz-available; height: -webkit-fill-available; height: stretch"></canvas>
</div>
<div class="wrapper">
  <canvas width="25" height="25" style="height: min-content"></canvas>
</div>
<div class="wrapper">
  <canvas width="25" height="25" style="height: max-content"></canvas>
</div>
```

| Firefox | Chrome | WebKit | Servo |
| - | - | - | - |
| ![](https://github.com/user-attachments/assets/4868a826-f2c7-4f3e-a7c9-8095a5c7cae4) | ![image](https://github.com/user-attachments/assets/0eec7f94-03d9-4fa2-bffc-321c41a4f910) | ![](https://github.com/user-attachments/assets/3d92a1f9-3162-4877-89e2-b445e91aed47) | ![image](https://github.com/user-attachments/assets/5faabd19-22dc-4f6d-a74d-d723772f74cf) |

-- 
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11387#issuecomment-2549582399 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 17 December 2024 20:42:02 UTC