Re: [csswg-drafts] [css-multicol] What is the max-content width of a muticol container with only column-width:<length> (#9103)

The Blink/WebKit behavior seems to be a bug; they seem to be computing the max-content width of the element **as if it were not a multi-column container**.

Here's a testcase to demonstrate:
https://jsfiddle.net/dholbert/zne65cby/

markup in case the fiddle disappears:
```HTML
<!DOCTYPE html>
<style>
.container {
  border: 3px solid black;
  width: max-content;
  font: 10px monospace;
}

.multicol {
  column-width: 5em;
  margin-bottom: 5px;
  border-color: orange;
  column-rule: 1px solid red;
}
</style>
<div class="container">
  a b c
</div>
<div class="container multicol">
  a b c
</div>

<div class="container">
  a b c d e f g h i
</div>
<div class="container multicol">
  a b c d e f g h i
</div>

<div class="container">
  a b c d e f g h i j k l m n o p q r
</div>

<div class="container multicol">
  a b c d e f g h i j k l m n o p q r
</div>

<div class="container">
  a b c d e f g h i j k l m n o p q r s t u v w x y z
</div>
<div class="container multicol">
  a b c d e f g h i j k l m n o p q r s t u v w x y z
</div>
```

* Firefox consistently sizes the orange-bordered multicol elements to `5em` wide (the width of a single column).
* Chrome/Safari consistently size the orange-bordered multicol elements as being the same width as their black-bordered non-multicol sibling.  In other words, they're resolving `width:max-content` as if the element were not a multicol.

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


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

Received on Monday, 24 July 2023 22:30:35 UTC