Specs: Simplify the paint model. Now you are not responsible for

sky/examples/style/hex-layout.sky

 #!mojo mojo:sky
 <import src="sky:core" as="sky"/>
 <script>
  class BeehiveLayoutManager extends sky.LayoutManager {
    function layout(width, height) {
      this.markAsLaidOut();
      if (width == null)
        width = this.getIntrinsicWidth().value;
      let autoHeight = false;
      if (height == null) {
@@ skipping 51 matching lines @@
      return super(height); // does the equivalent of getIntrinsicWidth() above, applying min-height etc
    }
    function paintChildren(canvas) {
      let width = this.node.width;
      let cellCount = this.node.getProperty('beehive-count');
      let cellDim = width / cellCount;
      let children = this.walkChildren();
      let loop = children.next();
      while (!loop.done) {
        let child = loop.value;
-       if (child.needsPaint || child.descendantNeedsPaint) {
-         canvas.save();
-         try {
-           canvas.beginPath();
-           canvas.moveTo(child.x, child.y + cellDim/4);
-           canvas.lineTo(child.x + cellDim/2, child.y);
-           canvas.lineTo(child.x + cellDim, child.y + cellDim/4);
-           canvas.lineTo(child.x + cellDim, child.y + 3*cellDim/4);
-           canvas.lineTo(child.x + cellDim/2, child.y + cellDim);
-           canvas.moveTo(child.x, child.y + 3*cellDim/4);
-           canvas.closePath();
-           canvas.clip();
-           this.paintChild(child);
-         } finally {
-           canvas.restore();
-         }
+       canvas.save();
+       try {
+         canvas.beginPath();
+         canvas.moveTo(child.x, child.y + cellDim/4);
+         canvas.lineTo(child.x + cellDim/2, child.y);
+         canvas.lineTo(child.x + cellDim, child.y + cellDim/4);
+         canvas.lineTo(child.x + cellDim, child.y + 3*cellDim/4);
+         canvas.lineTo(child.x + cellDim/2, child.y + cellDim);
+         canvas.moveTo(child.x, child.y + 3*cellDim/4);
+         canvas.closePath();
+         canvas.clip();
+         canvas.paintChild(child);
+       } finally {
+         canvas.restore();
        }
        loop = children.next();
      }
    }
    function inHex(topLeftX, topLeftY, width, height, hitX, hitY) {
      let centerX = topLeftX - width/2;
      let absCenteredHitX = Math.abs(hitX - centerX);
      if (absCenteredHitX > width/2)
        return false;
      let centerY = topLeftY - height/2;
@@ skipping 46 matching lines @@
  div { display: beehive; beehive-count: 3; }
 </style>
 <div>
  <t>Hello</t>
  <t>World</t>
  <t>How</t>
  <t>Are</t>
  <t>You</t>
  <t>Today?</t>
 </div>