@@ -36,10 +36,6 @@ urlPrefix: https://www.w3.org/TR/SVG2/#InterfaceSVGGraphicsElement
3636 url: #InterfaceSVGGraphicsElement; type: dfn; text: SVGGraphicsElement
3737urlPrefix: https://www.w3.org/TR/css3-multicol/
3838 url: #; type: dfn; text: Multi-column
39- urlPrefix: https://www.w3.org/TR/css-overflow-3/
40- url: #scrollport; type:dfn; text: scrollport
41- urlPrefix: https://www.w3.org/TR/css-overflow-3/
42- url: #scroll-container; type:dfn; text: scroll container
4339urlPrefix: https://www.w3.org/TR/css-display-3/
4440 url: #propdef-display; type:dfn; text: display
4541urlPrefix: https://www.w3.org/TR/CSS21/box.html
@@ -139,15 +135,14 @@ It is modeled after {{MutationObserver}} and {{IntersectionObserver}}.
139135
140136<pre class="idl">
141137 enum ResizeObserverBoxOptions {
142- "border-box", "content-box", "scroll-box", " device-pixel-border-box"
138+ "border-box", "content-box", "device-pixel-border-box"
143139 };
144140</pre>
145141
146142ResizeObserver can observe different kinds of CSS sizes:
147143
148144* {{border-box}} : size of <a>box border area</a> as defined in CSS2.
149145* {{content-box}} : size of <a>content area</a> as defined in CSS2.
150- * {{scroll-box}} : the <a>scrollport</a> of the <a>scroll container</a> .
151146* {{device-pixel-border-box}} : border-box size in device pixels.
152147
153148{{device-pixel-border-box}} is slightly different from other sizes.
@@ -256,7 +251,6 @@ interface ResizeObserverEntry {
256251 readonly attribute DOMRectReadOnly contentRect;
257252 readonly attribute ResizeObserverSize borderBoxSize;
258253 readonly attribute ResizeObserverSize contentSize;
259- readonly attribute ResizeObserverSize scrollSize;
260254 readonly attribute ResizeObserverSize devicePixelBorderBoxSize;
261255};
262256</pre>
@@ -277,9 +271,6 @@ interface ResizeObserverEntry {
277271 : <dfn>contentSize</dfn>
278272 ::
279273 {{Element}} 's <a>content rect</a> size when {{ResizeObserverCallback}} is invoked.
280- : <dfn>scrollSize</dfn>
281- ::
282- {{Element}} 's <a>scrollport</a> when {{ResizeObserverCallback}} is invoked.
283274 : <dfn>devicePixelBorderBoxSize</dfn>
284275 ::
285276 {{Element}} 's <a>border box</a> size in device pixels when {{ResizeObserverCallback}} is invoked.
@@ -298,21 +289,18 @@ interface ResizeObserverEntry {
298289 4. Set |this|.{{ResizeObserverEntry/contentSize}} slot to result of <a href="#calculate-box-size">
299290 computing size given |target| and specificSize of "content-box"</a> .
300291
301- 5. Set |this|.{{ResizeObserverEntry/scrollSize}} slot to result of <a href="#calculate-box-size">
302- computing size given |target| and specificSize of "scroll-box"</a> .
303-
304- 6. Set |this|.{{ResizeObserverEntry/devicePixelBorderBoxSize}} slot to result of <a href="#calculate-box-size">
292+ 5. Set |this|.{{ResizeObserverEntry/devicePixelBorderBoxSize}} slot to result of <a href="#calculate-box-size">
305293 computing size given |target| and specificSize of "device-pixel-border-box"</a> .
306294
307- 7 . Set |this|.{{ResizeObserverEntry/contentRect}} to logical |this|.{{ResizeObserverEntry/contentSize}} .
295+ 6 . Set |this|.{{ResizeObserverEntry/contentRect}} to logical |this|.{{ResizeObserverEntry/contentSize}} .
308296
309- 8 . If |target| is not an SVG element do these steps:
297+ 7 . If |target| is not an SVG element do these steps:
310298
311299 1. Set |this|.|contentRect|.top to |target|.<a>padding top</a> .
312300
313301 2. Set |this|.|contentRect|.left to |target|.<a>padding left</a> .
314302
315- 9 . If |target| is an SVG element do these steps:
303+ 8 . If |target| is an SVG element do these steps:
316304
317305 1. Set |this|.|contentRect|.top and |this|.contentRect.left to 0.
318306
@@ -490,9 +478,7 @@ run these steps:
490478
491479 2. Matching size is |entry|.{{ResizeObserverEntry/contentSize}} if |observation|.{{ResizeObservation/observedBox}} is "content-box"
492480
493- 3. Matching size is |entry|.{{ResizeObserverEntry/scrollSize}} if |observation|.{{ResizeObservation/observedBox}} is "scroll-box"
494-
495- 4. Matching size is |entry|.{{ResizeObserverEntry/devicePixelBorderBoxSize}}
481+ 3. Matching size is |entry|.{{ResizeObserverEntry/devicePixelBorderBoxSize}}
496482 if |observation|.{{ResizeObservation/observedBox}} is "device-pixel-border-box"
497483
498484 4. Set |targetDepth| to the result of <a>calculate depth for node</a> for |observation|.{{ResizeObservation/target}} .
@@ -552,13 +538,7 @@ To <dfn>calculate box size</dfn>, given |target| and |specificSize|, run these s
552538
553539 2. Set |computedSize|.blockSize to target's <a>content area</a> block length.
554540
555- 3. If |specificSize| is "scoll-box"
556-
557- 1. Set |computedSize|.inlineSize to target's <a>scrollport</a> inline size.
558-
559- 2. Set |computedSize|.blockSize to target's <a>scrollport</a> block size.
560-
561- 4. return |computedSize|.
541+ 3. return |computedSize|.
562542
563543<h3 id="lifetime">ResizeObserver Lifetime</h3>
564544
0 commit comments