You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
2. Set |this|.{{ResizeObserverEntry/target}} slot to |target|.
293
-
294
-
3. Set |this|.{{ResizeObserverEntry/borderBoxSize}} slot to result of <a href="#calculate-box-size">
295
-
computing size given |target| and observedBox of "border-box"</a>.
296
-
297
-
4. Set |this|.{{ResizeObserverEntry/contentBoxSize}} slot to result of <a href="#calculate-box-size">
298
-
computing size given |target| and observedBox of "content-box"</a>.
299
-
300
-
5. Set |this|.{{ResizeObserverEntry/devicePixelContentBoxSize}} slot to result of <a href="#calculate-box-size">
301
-
computing size given |target| and observedBox of "device-pixel-content-box"</a>.
302
-
303
-
6. Set |this|.{{ResizeObserverEntry/contentRect}} to logical |this|.{{ResizeObserverEntry/contentBoxSize}} given |target| and observedBox of "content-box".
304
-
305
-
7. If |target| is not an SVG element do these steps:
306
-
307
-
1. Set |this|.|contentRect|.top to |target|.<a>padding top</a>.
308
-
309
-
2. Set |this|.|contentRect|.left to |target|.<a>padding left</a>.
310
-
311
-
8. If |target| is an SVG element do these steps:
312
-
313
-
1. Set |this|.|contentRect|.top and |this|.contentRect.left to 0.
To <dfn>create and populate a ResizeObserverEntry</dfn> for a given |target|,
433
+
run these steps:
434
+
1. Let |this| be a new {{ResizeObserverEntry}}.
435
+
436
+
2. Set |this|.{{ResizeObserverEntry/target}} slot to |target|.
437
+
438
+
3. Set |this|.{{ResizeObserverEntry/borderBoxSize}} slot to result of <a href="#calculate-box-size">
439
+
computing size given |target| and observedBox of "border-box"</a>.
440
+
441
+
4. Set |this|.{{ResizeObserverEntry/contentBoxSize}} slot to result of <a href="#calculate-box-size">
442
+
computing size given |target| and observedBox of "content-box"</a>.
443
+
444
+
5. Set |this|.{{ResizeObserverEntry/devicePixelContentBoxSize}} slot to result of <a href="#calculate-box-size">
445
+
computing size given |target| and observedBox of "device-pixel-content-box"</a>.
446
+
447
+
6. Set |this|.{{ResizeObserverEntry/contentRect}} to logical |this|.{{ResizeObserverEntry/contentBoxSize}} given |target| and observedBox of "content-box".
448
+
449
+
7. If |target| is not an SVG element do these steps:
450
+
451
+
1. Set |this|.|contentRect|.top to |target|.<a>padding top</a>.
452
+
453
+
2. Set |this|.|contentRect|.left to |target|.<a>padding left</a>.
454
+
455
+
8. If |target| is an SVG element do these steps:
456
+
457
+
1. Set |this|.|contentRect|.top and |this|.contentRect.left to 0.
458
+
459
459
<h4 id="broadcast-resize-notifications-h">Broadcast active observations</h4>
460
460
461
461
<dfn>broadcast active observations</dfn> delivers all active observations
@@ -474,7 +474,7 @@ run these steps:
474
474
475
475
3. For each |observation| in {{ResizeObserver/activeTargets}} perform these steps:
476
476
477
-
1. Let |entry| be new {{ResizeObserverEntry}}(|observation|.target)
477
+
1. Let |entry| be the result of running <a>create and populate a {{ResizeObserverEntry}}</a> given |observation|.{{ResizeObservation/target}}.
0 commit comments