W3C home > Mailing lists > Public > public-css-archive@w3.org > April 2019

Re: [csswg-drafts] [css-shadow-parts] PanResp (Panel Responsive) support: sizing expression mapping (#3874)

From: Stephen Williams via GitHub <sysbot+gh@w3.org>
Date: Fri, 26 Apr 2019 18:43:21 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-487161175-1556304200-sysbot+gh@w3.org>
I do have a very good use case, although I haven't published or established that quite yet; I will be focused on that in a few days.  This is a new, very useful technique for responsively scaling content that is A) often better than existing methods for page wide content and B) allows responsive scaling of content in panels that is essentially impossible with other methods.

For the latter, consider how you would accomplish:
Two or more side-by-side panels, i.e.. divs with hierarchies of content, divided by splitters, draggable dividers that change the width of the panels.  Regardless of content, you want the size of the content in each panel to remain static down to a certain width wrapping as needed, below which everything should scale linearly or non-linearly with maximum readability, no longer wrapping etc.  In some cases, you may want everything to be able to scale down to nothing.  The Javascript involved at each point should be very minimal, not walking the DOM with CSS adjustments or anything complicated.

I can already do that if I comprehensively modify the CSS used in the contents of panels.  That will mean that only libraries and application code that have been converted can use this technique.  With my proposed change, any or just about any existing HTML+CSS content would work with no modifications.  I'd rather not have to create shadow versions of every desired library.  This appears to be the simplest change that would accomplish that.  I think it might be possible to create a polyfill that does this, walking the DOM even inside shadowRoots, updating CSS, but that will be expensive and not a long-term solution.

-- 
GitHub Notification of comment by sdwlig
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3874#issuecomment-487161175 using your GitHub account
Received on Friday, 26 April 2019 18:43:26 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:31:07 UTC