- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Wed, 14 Feb 2024 21:17:01 +0000
- To: public-css-archive@w3.org
@bfgeek I don't understand how `-webkit-center` is behaving here: https://software.hixie.ch/utilities/js/live-dom-viewer/saved/12378
<details>
```html
<!DOCTYPE html>
<label>margin-left<input id="margin-left" value="0" type="range" min="0" max="50" list="markers"></label><br>
<label>margin-right<input id="margin-right" value="0" type="range" min="0" max="50" list="markers"></label><br>
<datalist id="markers">
<option value="0"></option>
<option value="10"></option>
<option value="20"></option>
<option value="30"></option>
<option value="40"></option>
<option value="50"></option>
</datalist>
<div style="border: solid; overflow: hidden; width: 300px; text-align: -webkit-center">
<div style="float: left; height: 100px; width: 100px; background: cyan"></div>
<div style="float: right; height: 100px; width: 100px; background: magenta"></div>
<div id="target" style="overflow: hidden; width: 50px; height: 50px; background: orange; margin-left:0; margin-right: 0;"></div>
</div>
<script>
var target = document.getElementById("target");
for (let prop of ["margin-left", "margin-right"]) {
document.getElementById(prop).addEventListener("input", e => target.style.setProperty(prop, e.target.value + "px"));
}
</script>
```
</details>
--
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9963#issuecomment-1944620003 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 14 February 2024 21:17:05 UTC