Skip to content

Commit 7f1f09a

Browse files
chrisdavidmillschrisdavidmills
authored
Chrome 151 responsive iframe sizing (#29911)
* Chrome 151 responsive iframe sizing * Change Chrome support versions to preview
1 parent 5171f65 commit 7f1f09a

3 files changed

Lines changed: 258 additions & 0 deletions

File tree

‎api/Window.json‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5132,6 +5132,37 @@
51325132
}
51335133
}
51345134
},
5135+
"requestResize": {
5136+
"__compat": {
5137+
"spec_url": "https://drafts.csswg.org/css-sizing-4/#dom-window-requestresize",
5138+
"support": {
5139+
"chrome": {
5140+
"version_added": "preview"
5141+
},
5142+
"chrome_android": "mirror",
5143+
"edge": "mirror",
5144+
"firefox": {
5145+
"version_added": false
5146+
},
5147+
"firefox_android": "mirror",
5148+
"oculus": "mirror",
5149+
"opera": "mirror",
5150+
"opera_android": "mirror",
5151+
"safari": {
5152+
"version_added": false
5153+
},
5154+
"safari_ios": "mirror",
5155+
"samsunginternet_android": "mirror",
5156+
"webview_android": "mirror",
5157+
"webview_ios": "mirror"
5158+
},
5159+
"status": {
5160+
"experimental": true,
5161+
"standard_track": true,
5162+
"deprecated": false
5163+
}
5164+
}
5165+
},
51355166
"resize_event": {
51365167
"__compat": {
51375168
"description": "`resize` event",

‎css/properties/frame-sizing.json‎

Lines changed: 192 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,192 @@
1+
{
2+
"css": {
3+
"properties": {
4+
"frame-sizing": {
5+
"__compat": {
6+
"spec_url": "https://drafts.csswg.org/css-sizing-4/#responsive-iframes",
7+
"support": {
8+
"chrome": {
9+
"version_added": "preview"
10+
},
11+
"chrome_android": "mirror",
12+
"edge": "mirror",
13+
"firefox": {
14+
"version_added": false
15+
},
16+
"firefox_android": "mirror",
17+
"oculus": "mirror",
18+
"opera": "mirror",
19+
"opera_android": "mirror",
20+
"safari": {
21+
"version_added": false
22+
},
23+
"safari_ios": "mirror",
24+
"samsunginternet_android": "mirror",
25+
"webview_android": "mirror",
26+
"webview_ios": "mirror"
27+
},
28+
"status": {
29+
"experimental": true,
30+
"standard_track": true,
31+
"deprecated": false
32+
}
33+
},
34+
"auto": {
35+
"__compat": {
36+
"spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-auto",
37+
"support": {
38+
"chrome": {
39+
"version_added": "preview"
40+
},
41+
"chrome_android": "mirror",
42+
"edge": "mirror",
43+
"firefox": {
44+
"version_added": false
45+
},
46+
"firefox_android": "mirror",
47+
"oculus": "mirror",
48+
"opera": "mirror",
49+
"opera_android": "mirror",
50+
"safari": {
51+
"version_added": false
52+
},
53+
"safari_ios": "mirror",
54+
"samsunginternet_android": "mirror",
55+
"webview_android": "mirror",
56+
"webview_ios": "mirror"
57+
},
58+
"status": {
59+
"experimental": true,
60+
"standard_track": true,
61+
"deprecated": false
62+
}
63+
}
64+
},
65+
"content-block-size": {
66+
"__compat": {
67+
"spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-block-size",
68+
"support": {
69+
"chrome": {
70+
"version_added": "preview"
71+
},
72+
"chrome_android": "mirror",
73+
"edge": "mirror",
74+
"firefox": {
75+
"version_added": false
76+
},
77+
"firefox_android": "mirror",
78+
"oculus": "mirror",
79+
"opera": "mirror",
80+
"opera_android": "mirror",
81+
"safari": {
82+
"version_added": false
83+
},
84+
"safari_ios": "mirror",
85+
"samsunginternet_android": "mirror",
86+
"webview_android": "mirror",
87+
"webview_ios": "mirror"
88+
},
89+
"status": {
90+
"experimental": true,
91+
"standard_track": true,
92+
"deprecated": false
93+
}
94+
}
95+
},
96+
"content-height": {
97+
"__compat": {
98+
"spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-height",
99+
"support": {
100+
"chrome": {
101+
"version_added": "preview"
102+
},
103+
"chrome_android": "mirror",
104+
"edge": "mirror",
105+
"firefox": {
106+
"version_added": false
107+
},
108+
"firefox_android": "mirror",
109+
"oculus": "mirror",
110+
"opera": "mirror",
111+
"opera_android": "mirror",
112+
"safari": {
113+
"version_added": false
114+
},
115+
"safari_ios": "mirror",
116+
"samsunginternet_android": "mirror",
117+
"webview_android": "mirror",
118+
"webview_ios": "mirror"
119+
},
120+
"status": {
121+
"experimental": true,
122+
"standard_track": true,
123+
"deprecated": false
124+
}
125+
}
126+
},
127+
"content-inline-size": {
128+
"__compat": {
129+
"spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-inline-size",
130+
"support": {
131+
"chrome": {
132+
"version_added": "preview"
133+
},
134+
"chrome_android": "mirror",
135+
"edge": "mirror",
136+
"firefox": {
137+
"version_added": false
138+
},
139+
"firefox_android": "mirror",
140+
"oculus": "mirror",
141+
"opera": "mirror",
142+
"opera_android": "mirror",
143+
"safari": {
144+
"version_added": false
145+
},
146+
"safari_ios": "mirror",
147+
"samsunginternet_android": "mirror",
148+
"webview_android": "mirror",
149+
"webview_ios": "mirror"
150+
},
151+
"status": {
152+
"experimental": true,
153+
"standard_track": true,
154+
"deprecated": false
155+
}
156+
}
157+
},
158+
"content-width": {
159+
"__compat": {
160+
"spec_url": "https://drafts.csswg.org/css-sizing-4/#valdef-frame-sizing-content-width",
161+
"support": {
162+
"chrome": {
163+
"version_added": "preview"
164+
},
165+
"chrome_android": "mirror",
166+
"edge": "mirror",
167+
"firefox": {
168+
"version_added": false
169+
},
170+
"firefox_android": "mirror",
171+
"oculus": "mirror",
172+
"opera": "mirror",
173+
"opera_android": "mirror",
174+
"safari": {
175+
"version_added": false
176+
},
177+
"safari_ios": "mirror",
178+
"samsunginternet_android": "mirror",
179+
"webview_android": "mirror",
180+
"webview_ios": "mirror"
181+
},
182+
"status": {
183+
"experimental": true,
184+
"standard_track": true,
185+
"deprecated": false
186+
}
187+
}
188+
}
189+
}
190+
}
191+
}
192+
}

‎html/elements/meta.json‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -494,6 +494,41 @@
494494
}
495495
}
496496
},
497+
"responsive-embedded-sizing": {
498+
"__compat": {
499+
"description": "`<meta name=\"responsive-embedded-sizing\">`",
500+
"spec_url": "https://drafts.csswg.org/css-sizing-4/#iframe-frame-sizing:~:text=If%20a-,%3Cmeta%20name%3Dresponsive%2Dembedded%2Dsizing%3E",
501+
"tags": [
502+
"web-features:meta-text-scale"
503+
],
504+
"support": {
505+
"chrome": {
506+
"version_added": "preview"
507+
},
508+
"chrome_android": "mirror",
509+
"edge": "mirror",
510+
"firefox": {
511+
"version_added": false
512+
},
513+
"firefox_android": "mirror",
514+
"oculus": "mirror",
515+
"opera": "mirror",
516+
"opera_android": "mirror",
517+
"safari": {
518+
"version_added": false
519+
},
520+
"safari_ios": "mirror",
521+
"samsunginternet_android": "mirror",
522+
"webview_android": "mirror",
523+
"webview_ios": "mirror"
524+
},
525+
"status": {
526+
"experimental": true,
527+
"standard_track": true,
528+
"deprecated": false
529+
}
530+
}
531+
},
497532
"text-scale": {
498533
"__compat": {
499534
"description": "`<meta name=\"text-scale\">`",

0 commit comments

Comments
 (0)