Minutes Seoul F2F Part IV: 2014-05-20 PM – CSS Line Layout, Box Alignment, Box Model/Render Tree, -webkit-line-clamp
CSS Line Layout
- It was decided that the SVG 2 spec will likely move faster through the rec process than Inline and therefore SVG should take the lead in spec-ing and pull in the vertical-align information from CSS and baseline alignment will be trimmed to closer match SVG.
- There was a substantial productive conversation on how best to handle dropcaps, beginning with a presentation by dauwhe. (Available here)
- The proposed syntax and spec for the handling of dropcaps are as follows:
initial-letters: normal | {1,2}
- applies to
::first-letter
or the inline-level first child of a block container.
- First integer represents the size of the letter (as N lines with N-1 gaps)
- Second integer represents how many lines deep the letter sinks into the paragraph.
- See this post for a more detailed summary and further discussion.
Full Minutes || Spec Referenced
Box Alignment
- fantasai brought the group up to date on the changes including:
- new
last-baseline
value (in addition to baseline value)
- explanation and details of baseline alignment concepts
- additional notes on vertical-alignment property
- A bit more work will be done before the request for a new WD
Full Minutes || Spec Referenced
Box Model / Render Tree
- TabAtkins, with additional input from glazou and plinss, told the group about question of further exposing the box model that was originally brought up in a conference with react.JS.
- There were a few members that were very interested in beginning work on doing a better job of exposing pieces of CSS, though not necessarily exclusively in the direction requested by react.JS. These WG members will begin to put together ideas and potential solutions.
Full Minutes || Spec Referenced
-webkit-line-clamp
- Resolved: put
max-lines
property that behaves like max-height
in the line grid module
- Resolved: work on block ellipsis problem independently
Full Minutes || Spec Referenced
« Previous article
Next article »