- From: Tab Atkins Jr. via GitHub <sysbot+gh@w3.org>
- Date: Mon, 07 May 2018 18:16:41 +0000
- To: public-css-archive@w3.org
Here's a code example showing off the desired how sizing keys off of direction per CSS 2.1, which we'd like to be consistent with for Align. (That is, if you leave `dir` alone and just toggle `justify-content` between `start` and `end`, you should get the same result. Today you... don't.)
[(testcase link)](http://software.hixie.ch/utilities/js/live-dom-viewer/saved/5935)
```html
<!DOCTYPE html>
<html style="border: solid gray; width: 10em; margin: 3em; height: 2em; display: flex; justify-content: flex-start;">
<body style="position: absolute; border: solid orange; user-select: none;">
<script>
document.body.innerHTML = "<bdi>(click me to toggle) " + Array.from(Array(200), (e,i)=>i).join(" ") + "</bdi>";
var dir = "left";
var html = document.querySelector("html");
document.body.onclick = function() {
dir = dir == "left" ? "right" : "left";
if(dir == "left") {
html.style.marginRight = "3em";
html.setAttribute("dir", "ltr");
} else if(dir == "right") {
html.style.marginRight = "auto";
html.setAttribute("dir", "rtl");
}
}
</script>
```
--
GitHub Notification of comment by tabatkins
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1432#issuecomment-387155019 using your GitHub account
Received on Monday, 7 May 2018 18:16:44 UTC