W3C home > Mailing lists > Public > public-css-archive@w3.org > October 2017

Re: [csswg-drafts] [css-overflow] body overflow propagation is less defined than it was in CSS 2.1

From: Boris Zbarsky via GitHub <sysbot+gh@w3.org>
Date: Wed, 25 Oct 2017 15:01:18 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-339359881-1508943677-sysbot+gh@w3.org>
I should note that I did some testing, with both multiple `<body>` and a mix of `<body>` and `<frameset>` and UAs are not terribly consistent about implementing this stuff when there is a `<frameset>` followed by a `<body>` as in this testcase:

    <!DOCTYPE html>
    <script>
      onload = function() {
        document.body.remove();
        var f = document.createElement("frameset");
        document.documentElement.appendChild(f);
        var b = document.createElement("body");
        b.style = "overflow: scroll; margin: 100px; width: 100px; height: 100px; border: 1px solid green; position: absolute; top: 0; left: 0";
        b.textContent = "The body should NOT have a scrollbar, while the viewport should have one";
        document.documentElement.appendChild(b);
      }
    </script>

Observed behavior is:

1. Safari doesn't apply the scrollbar style to the body, but doesn't propagate it to the viewport either.
2. Firefox applies the scrollbar style to the body and does not propagate to the viewport; I am fixing this in https://bugzilla.mozilla.org/show_bug.cgi?id=1411138
3. Chrome applies the scrollbar style to the body and does not propagate to the viewport.
4. Edge applies the scrollbar style to the body and does not propagate to the viewport.

None of these are compliant with the CSS 2.1 spec at all...

-- 
GitHub Notification of comment by bzbarsky
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1905#issuecomment-339359881 using your GitHub account
Received on Wednesday, 25 October 2017 15:01:41 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:19 UTC