@@ -1006,8 +1006,8 @@ and |internalLayoutConstraints|, it <em>must</em> run the following steps:
1006
1006
1007
1007
<pre class='idl'>
1008
1008
dictionary LayoutConstraintsOptions {
1009
- double availableInlineSize = 0 ;
1010
- double availableBlockSize = 0 ;
1009
+ double availableInlineSize;
1010
+ double availableBlockSize;
1011
1011
1012
1012
double fixedInlineSize;
1013
1013
double fixedBlockSize;
@@ -1034,18 +1034,26 @@ The example below shows the basic usage of the {{LayoutConstraintsOptions}} dict
1034
1034
registerLayout('child-layout-constraints-example' , class {
1035
1035
async layout(children, edges, constraints, styleMap) {
1036
1036
1037
- // A web developer can
1037
+ // The call below gives the child an "available" space. It will try and
1038
+ // fit within this.
1038
1039
const fragment = children[0] .layoutNextFragment({
1039
1040
availableInlineSize: 100,
1040
1041
availableBlockSize: 200,
1041
1042
});
1042
1043
1044
+ // The call below gives the child a "fixed" size, it will be forced to
1045
+ // this size ignoring any style set.
1046
+ const fragment = children[0] .layoutNextFragment({
1047
+ fixedInlineSize: 20,
1048
+ fixedBlockSize: 30,
1049
+ });
1050
+
1043
1051
}
1044
1052
});
1045
1053
</pre>
1046
1054
</div>
1047
1055
1048
- Issue: Finish up this section .
1056
+ Issue: Specify how to convert to internal representation of these values .
1049
1057
1050
1058
Breaking and Fragmentation {#breaking-and-fragmentation}
1051
1059
--------------------------------------------------------
@@ -1153,8 +1161,6 @@ registerLayout('box-edges', class {
1153
1161
</pre>
1154
1162
</div>
1155
1163
1156
- Issue: Slim this down to just the "all" edges.
1157
-
1158
1164
Interactions with other Modules {#interactions-with-other-modules}
1159
1165
==================================================================
1160
1166
0 commit comments