Zoom out: keep original viewport width (single scale) #61424

ajlende · 2024-05-07T06:34:48Z

Alternative to #61422

What?

Makes the zoom out view show a full-width page.

Why?

This avoids layout shifting when you zoom out.

How?

Adds a div outside the iframe to make the CSS 100vw .
Adds a div outside that to measure the container and provide an overflow hidden.
Calculate the scale based on 100vw and the container width.
Adds an 800px max width for margins instead of the custom function.

Testing Instructions

Testing Instructions for Keyboard

Screenshots or screencast

github-actions · 2024-05-07T06:42:59Z

Size Change: +1.75 kB (+0.1%)

Total Size: 1.74 MB

Filename	Size	Change
`build/block-editor/content-rtl.css`	4.57 kB	+70 B (+1.56%)
`build/block-editor/content.css`	4.57 kB	+71 B (+1.58%)
`build/block-editor/index.min.js`	258 kB	+271 B (+0.11%)
`build/block-editor/style-rtl.css`	15.5 kB	+9 B (+0.06%)
`build/block-editor/style.css`	15.5 kB	+9 B (+0.06%)
`build/block-library/blocks/post-template/style-rtl.css`	397 B	-12 B (-2.93%)
`build/block-library/blocks/post-template/style.css`	396 B	-12 B (-2.94%)
`build/block-library/style-rtl.css`	14.8 kB	-4 B (-0.03%)
`build/block-library/style.css`	14.8 kB	-4 B (-0.03%)
`build/blocks/index.min.js`	51.7 kB	+17 B (+0.03%)
`build/components/index.min.js`	220 kB	+8 B (0%)
`build/core-commands/index.min.js`	2.81 kB	+46 B (+1.66%)
`build/edit-post/index.min.js`	14.4 kB	+4 B (+0.03%)
`build/edit-site/index.min.js`	223 kB	+752 B (+0.34%)
`build/edit-site/style-rtl.css`	12.9 kB	+159 B (+1.25%)
`build/edit-site/style.css`	12.9 kB	+157 B (+1.23%)
`build/edit-widgets/index.min.js`	17.5 kB	-10 B (-0.06%)
`build/edit-widgets/style-rtl.css`	4.18 kB	+17 B (+0.41%)
`build/edit-widgets/style.css`	4.18 kB	+18 B (+0.43%)
`build/editor/index.min.js`	83.1 kB	+94 B (+0.11%)
`build/editor/style-rtl.css`	8.27 kB	+18 B (+0.22%)
`build/editor/style.css`	8.28 kB	+18 B (+0.22%)
`build/router/index.min.js`	1.93 kB	+54 B (+2.88%)

ℹ️ View Unchanged

Filename	Size
`build/a11y/index.min.js`	955 B
`build/annotations/index.min.js`	2.27 kB
`build/api-fetch/index.min.js`	2.32 kB
`build/autop/index.min.js`	2.1 kB
`build/blob/index.min.js`	578 B
`build/block-directory/index.min.js`	7.26 kB
`build/block-directory/style-rtl.css`	1.03 kB
`build/block-directory/style.css`	1.03 kB
`build/block-editor/default-editor-styles-rtl.css`	395 B
`build/block-editor/default-editor-styles.css`	395 B
`build/block-library/blocks/archives/editor-rtl.css`	61 B
`build/block-library/blocks/archives/editor.css`	60 B
`build/block-library/blocks/archives/style-rtl.css`	90 B
`build/block-library/blocks/archives/style.css`	90 B
`build/block-library/blocks/audio/editor-rtl.css`	150 B
`build/block-library/blocks/audio/editor.css`	150 B
`build/block-library/blocks/audio/style-rtl.css`	122 B
`build/block-library/blocks/audio/style.css`	122 B
`build/block-library/blocks/audio/theme-rtl.css`	133 B
`build/block-library/blocks/audio/theme.css`	133 B
`build/block-library/blocks/avatar/editor-rtl.css`	116 B
`build/block-library/blocks/avatar/editor.css`	116 B
`build/block-library/blocks/avatar/style-rtl.css`	104 B
`build/block-library/blocks/avatar/style.css`	104 B
`build/block-library/blocks/block/editor-rtl.css`	277 B
`build/block-library/blocks/block/editor.css`	277 B
`build/block-library/blocks/button/editor-rtl.css`	415 B
`build/block-library/blocks/button/editor.css`	414 B
`build/block-library/blocks/button/style-rtl.css`	627 B
`build/block-library/blocks/button/style.css`	626 B
`build/block-library/blocks/buttons/editor-rtl.css`	337 B
`build/block-library/blocks/buttons/editor.css`	337 B
`build/block-library/blocks/buttons/style-rtl.css`	332 B
`build/block-library/blocks/buttons/style.css`	332 B
`build/block-library/blocks/calendar/style-rtl.css`	239 B
`build/block-library/blocks/calendar/style.css`	239 B
`build/block-library/blocks/categories/editor-rtl.css`	113 B
`build/block-library/blocks/categories/editor.css`	112 B
`build/block-library/blocks/categories/style-rtl.css`	124 B
`build/block-library/blocks/categories/style.css`	124 B
`build/block-library/blocks/code/editor-rtl.css`	53 B
`build/block-library/blocks/code/editor.css`	53 B
`build/block-library/blocks/code/style-rtl.css`	121 B
`build/block-library/blocks/code/style.css`	121 B
`build/block-library/blocks/code/theme-rtl.css`	124 B
`build/block-library/blocks/code/theme.css`	124 B
`build/block-library/blocks/columns/editor-rtl.css`	108 B
`build/block-library/blocks/columns/editor.css`	108 B
`build/block-library/blocks/columns/style-rtl.css`	421 B
`build/block-library/blocks/columns/style.css`	421 B
`build/block-library/blocks/comment-author-avatar/editor-rtl.css`	125 B
`build/block-library/blocks/comment-author-avatar/editor.css`	125 B
`build/block-library/blocks/comment-content/style-rtl.css`	92 B
`build/block-library/blocks/comment-content/style.css`	92 B
`build/block-library/blocks/comment-template/style-rtl.css`	199 B
`build/block-library/blocks/comment-template/style.css`	198 B
`build/block-library/blocks/comments-pagination-numbers/editor-rtl.css`	123 B
`build/block-library/blocks/comments-pagination-numbers/editor.css`	121 B
`build/block-library/blocks/comments-pagination/editor-rtl.css`	222 B
`build/block-library/blocks/comments-pagination/editor.css`	209 B
`build/block-library/blocks/comments-pagination/style-rtl.css`	235 B
`build/block-library/blocks/comments-pagination/style.css`	231 B
`build/block-library/blocks/comments-title/editor-rtl.css`	75 B
`build/block-library/blocks/comments-title/editor.css`	75 B
`build/block-library/blocks/comments/editor-rtl.css`	840 B
`build/block-library/blocks/comments/editor.css`	839 B
`build/block-library/blocks/comments/style-rtl.css`	637 B
`build/block-library/blocks/comments/style.css`	636 B
`build/block-library/blocks/cover/editor-rtl.css`	671 B
`build/block-library/blocks/cover/editor.css`	674 B
`build/block-library/blocks/cover/style-rtl.css`	1.7 kB
`build/block-library/blocks/cover/style.css`	1.69 kB
`build/block-library/blocks/details/editor-rtl.css`	65 B
`build/block-library/blocks/details/editor.css`	65 B
`build/block-library/blocks/details/style-rtl.css`	86 B
`build/block-library/blocks/details/style.css`	86 B
`build/block-library/blocks/embed/editor-rtl.css`	312 B
`build/block-library/blocks/embed/editor.css`	312 B
`build/block-library/blocks/embed/style-rtl.css`	410 B
`build/block-library/blocks/embed/style.css`	410 B
`build/block-library/blocks/embed/theme-rtl.css`	133 B
`build/block-library/blocks/embed/theme.css`	133 B
`build/block-library/blocks/file/editor-rtl.css`	326 B
`build/block-library/blocks/file/editor.css`	327 B
`build/block-library/blocks/file/style-rtl.css`	280 B
`build/block-library/blocks/file/style.css`	281 B
`build/block-library/blocks/file/view.min.js`	324 B
`build/block-library/blocks/footnotes/style-rtl.css`	201 B
`build/block-library/blocks/footnotes/style.css`	199 B
`build/block-library/blocks/form-input/editor-rtl.css`	227 B
`build/block-library/blocks/form-input/editor.css`	227 B
`build/block-library/blocks/form-input/style-rtl.css`	343 B
`build/block-library/blocks/form-input/style.css`	343 B
`build/block-library/blocks/form-submission-notification/editor-rtl.css`	340 B
`build/block-library/blocks/form-submission-notification/editor.css`	340 B
`build/block-library/blocks/form-submit-button/style-rtl.css`	69 B
`build/block-library/blocks/form-submit-button/style.css`	69 B
`build/block-library/blocks/form/view.min.js`	471 B
`build/block-library/blocks/freeform/editor-rtl.css`	2.61 kB
`build/block-library/blocks/freeform/editor.css`	2.61 kB
`build/block-library/blocks/gallery/editor-rtl.css`	956 B
`build/block-library/blocks/gallery/editor.css`	960 B
`build/block-library/blocks/gallery/style-rtl.css`	1.72 kB
`build/block-library/blocks/gallery/style.css`	1.72 kB
`build/block-library/blocks/gallery/theme-rtl.css`	108 B
`build/block-library/blocks/gallery/theme.css`	108 B
`build/block-library/blocks/group/editor-rtl.css`	394 B
`build/block-library/blocks/group/editor.css`	394 B
`build/block-library/blocks/group/style-rtl.css`	103 B
`build/block-library/blocks/group/style.css`	103 B
`build/block-library/blocks/group/theme-rtl.css`	78 B
`build/block-library/blocks/group/theme.css`	78 B
`build/block-library/blocks/heading/style-rtl.css`	189 B
`build/block-library/blocks/heading/style.css`	189 B
`build/block-library/blocks/html/editor-rtl.css`	336 B
`build/block-library/blocks/html/editor.css`	337 B
`build/block-library/blocks/image/editor-rtl.css`	891 B
`build/block-library/blocks/image/editor.css`	891 B
`build/block-library/blocks/image/style-rtl.css`	1.6 kB
`build/block-library/blocks/image/style.css`	1.59 kB
`build/block-library/blocks/image/theme-rtl.css`	133 B
`build/block-library/blocks/image/theme.css`	133 B
`build/block-library/blocks/image/view.min.js`	1.54 kB
`build/block-library/blocks/latest-comments/style-rtl.css`	357 B
`build/block-library/blocks/latest-comments/style.css`	357 B
`build/block-library/blocks/latest-posts/editor-rtl.css`	213 B
`build/block-library/blocks/latest-posts/editor.css`	212 B
`build/block-library/blocks/latest-posts/style-rtl.css`	478 B
`build/block-library/blocks/latest-posts/style.css`	478 B
`build/block-library/blocks/list/style-rtl.css`	88 B
`build/block-library/blocks/list/style.css`	88 B
`build/block-library/blocks/media-text/editor-rtl.css`	306 B
`build/block-library/blocks/media-text/editor.css`	305 B
`build/block-library/blocks/media-text/style-rtl.css`	505 B
`build/block-library/blocks/media-text/style.css`	503 B
`build/block-library/blocks/more/editor-rtl.css`	431 B
`build/block-library/blocks/more/editor.css`	431 B
`build/block-library/blocks/navigation-link/editor-rtl.css`	668 B
`build/block-library/blocks/navigation-link/editor.css`	669 B
`build/block-library/blocks/navigation-link/style-rtl.css`	193 B
`build/block-library/blocks/navigation-link/style.css`	192 B
`build/block-library/blocks/navigation-submenu/editor-rtl.css`	296 B
`build/block-library/blocks/navigation-submenu/editor.css`	295 B
`build/block-library/blocks/navigation/editor-rtl.css`	2.26 kB
`build/block-library/blocks/navigation/editor.css`	2.26 kB
`build/block-library/blocks/navigation/style-rtl.css`	2.26 kB
`build/block-library/blocks/navigation/style.css`	2.25 kB
`build/block-library/blocks/navigation/view.min.js`	1.03 kB
`build/block-library/blocks/nextpage/editor-rtl.css`	395 B
`build/block-library/blocks/nextpage/editor.css`	395 B
`build/block-library/blocks/page-list/editor-rtl.css`	377 B
`build/block-library/blocks/page-list/editor.css`	377 B
`build/block-library/blocks/page-list/style-rtl.css`	175 B
`build/block-library/blocks/page-list/style.css`	175 B
`build/block-library/blocks/paragraph/editor-rtl.css`	235 B
`build/block-library/blocks/paragraph/editor.css`	235 B
`build/block-library/blocks/paragraph/style-rtl.css`	335 B
`build/block-library/blocks/paragraph/style.css`	335 B
`build/block-library/blocks/post-author/style-rtl.css`	175 B
`build/block-library/blocks/post-author/style.css`	176 B
`build/block-library/blocks/post-comments-form/editor-rtl.css`	96 B
`build/block-library/blocks/post-comments-form/editor.css`	96 B
`build/block-library/blocks/post-comments-form/style-rtl.css`	508 B
`build/block-library/blocks/post-comments-form/style.css`	508 B
`build/block-library/blocks/post-content/editor-rtl.css`	74 B
`build/block-library/blocks/post-content/editor.css`	74 B
`build/block-library/blocks/post-date/style-rtl.css`	61 B
`build/block-library/blocks/post-date/style.css`	61 B
`build/block-library/blocks/post-excerpt/editor-rtl.css`	71 B
`build/block-library/blocks/post-excerpt/editor.css`	71 B
`build/block-library/blocks/post-excerpt/style-rtl.css`	141 B
`build/block-library/blocks/post-excerpt/style.css`	141 B
`build/block-library/blocks/post-featured-image/editor-rtl.css`	734 B
`build/block-library/blocks/post-featured-image/editor.css`	732 B
`build/block-library/blocks/post-featured-image/style-rtl.css`	342 B
`build/block-library/blocks/post-featured-image/style.css`	342 B
`build/block-library/blocks/post-navigation-link/style-rtl.css`	215 B
`build/block-library/blocks/post-navigation-link/style.css`	214 B
`build/block-library/blocks/post-template/editor-rtl.css`	99 B
`build/block-library/blocks/post-template/editor.css`	98 B
`build/block-library/blocks/post-terms/style-rtl.css`	96 B
`build/block-library/blocks/post-terms/style.css`	96 B
`build/block-library/blocks/post-time-to-read/style-rtl.css`	69 B
`build/block-library/blocks/post-time-to-read/style.css`	69 B
`build/block-library/blocks/post-title/style-rtl.css`	100 B
`build/block-library/blocks/post-title/style.css`	100 B
`build/block-library/blocks/preformatted/style-rtl.css`	125 B
`build/block-library/blocks/preformatted/style.css`	125 B
`build/block-library/blocks/pullquote/editor-rtl.css`	135 B
`build/block-library/blocks/pullquote/editor.css`	135 B
`build/block-library/blocks/pullquote/style-rtl.css`	354 B
`build/block-library/blocks/pullquote/style.css`	353 B
`build/block-library/blocks/pullquote/theme-rtl.css`	174 B
`build/block-library/blocks/pullquote/theme.css`	174 B
`build/block-library/blocks/query-pagination-numbers/editor-rtl.css`	122 B
`build/block-library/blocks/query-pagination-numbers/editor.css`	121 B
`build/block-library/blocks/query-pagination/editor-rtl.css`	221 B
`build/block-library/blocks/query-pagination/editor.css`	211 B
`build/block-library/blocks/query-pagination/style-rtl.css`	288 B
`build/block-library/blocks/query-pagination/style.css`	284 B
`build/block-library/blocks/query-title/style-rtl.css`	63 B
`build/block-library/blocks/query-title/style.css`	63 B
`build/block-library/blocks/query/editor-rtl.css`	486 B
`build/block-library/blocks/query/editor.css`	486 B
`build/block-library/blocks/query/view.min.js`	958 B
`build/block-library/blocks/quote/style-rtl.css`	237 B
`build/block-library/blocks/quote/style.css`	237 B
`build/block-library/blocks/quote/theme-rtl.css`	233 B
`build/block-library/blocks/quote/theme.css`	235 B
`build/block-library/blocks/read-more/style-rtl.css`	140 B
`build/block-library/blocks/read-more/style.css`	140 B
`build/block-library/blocks/rss/editor-rtl.css`	149 B
`build/block-library/blocks/rss/editor.css`	149 B
`build/block-library/blocks/rss/style-rtl.css`	289 B
`build/block-library/blocks/rss/style.css`	288 B
`build/block-library/blocks/search/editor-rtl.css`	184 B
`build/block-library/blocks/search/editor.css`	184 B
`build/block-library/blocks/search/style-rtl.css`	690 B
`build/block-library/blocks/search/style.css`	689 B
`build/block-library/blocks/search/theme-rtl.css`	114 B
`build/block-library/blocks/search/theme.css`	114 B
`build/block-library/blocks/search/view.min.js`	478 B
`build/block-library/blocks/separator/editor-rtl.css`	146 B
`build/block-library/blocks/separator/editor.css`	146 B
`build/block-library/blocks/separator/style-rtl.css`	239 B
`build/block-library/blocks/separator/style.css`	239 B
`build/block-library/blocks/separator/theme-rtl.css`	194 B
`build/block-library/blocks/separator/theme.css`	194 B
`build/block-library/blocks/shortcode/editor-rtl.css`	323 B
`build/block-library/blocks/shortcode/editor.css`	323 B
`build/block-library/blocks/site-logo/editor-rtl.css`	805 B
`build/block-library/blocks/site-logo/editor.css`	805 B
`build/block-library/blocks/site-logo/style-rtl.css`	204 B
`build/block-library/blocks/site-logo/style.css`	204 B
`build/block-library/blocks/site-tagline/editor-rtl.css`	86 B
`build/block-library/blocks/site-tagline/editor.css`	86 B
`build/block-library/blocks/site-title/editor-rtl.css`	116 B
`build/block-library/blocks/site-title/editor.css`	116 B
`build/block-library/blocks/site-title/style-rtl.css`	57 B
`build/block-library/blocks/site-title/style.css`	57 B
`build/block-library/blocks/social-link/editor-rtl.css`	324 B
`build/block-library/blocks/social-link/editor.css`	324 B
`build/block-library/blocks/social-links/editor-rtl.css`	676 B
`build/block-library/blocks/social-links/editor.css`	675 B
`build/block-library/blocks/social-links/style-rtl.css`	1.48 kB
`build/block-library/blocks/social-links/style.css`	1.48 kB
`build/block-library/blocks/spacer/editor-rtl.css`	350 B
`build/block-library/blocks/spacer/editor.css`	350 B
`build/block-library/blocks/spacer/style-rtl.css`	48 B
`build/block-library/blocks/spacer/style.css`	48 B
`build/block-library/blocks/table/editor-rtl.css`	395 B
`build/block-library/blocks/table/editor.css`	395 B
`build/block-library/blocks/table/style-rtl.css`	639 B
`build/block-library/blocks/table/style.css`	639 B
`build/block-library/blocks/table/theme-rtl.css`	152 B
`build/block-library/blocks/table/theme.css`	152 B
`build/block-library/blocks/tag-cloud/style-rtl.css`	251 B
`build/block-library/blocks/tag-cloud/style.css`	253 B
`build/block-library/blocks/template-part/editor-rtl.css`	393 B
`build/block-library/blocks/template-part/editor.css`	393 B
`build/block-library/blocks/template-part/theme-rtl.css`	107 B
`build/block-library/blocks/template-part/theme.css`	107 B
`build/block-library/blocks/term-description/style-rtl.css`	111 B
`build/block-library/blocks/term-description/style.css`	111 B
`build/block-library/blocks/text-columns/editor-rtl.css`	95 B
`build/block-library/blocks/text-columns/editor.css`	95 B
`build/block-library/blocks/text-columns/style-rtl.css`	166 B
`build/block-library/blocks/text-columns/style.css`	166 B
`build/block-library/blocks/verse/style-rtl.css`	99 B
`build/block-library/blocks/verse/style.css`	99 B
`build/block-library/blocks/video/editor-rtl.css`	552 B
`build/block-library/blocks/video/editor.css`	555 B
`build/block-library/blocks/video/style-rtl.css`	185 B
`build/block-library/blocks/video/style.css`	185 B
`build/block-library/blocks/video/theme-rtl.css`	133 B
`build/block-library/blocks/video/theme.css`	133 B
`build/block-library/classic-rtl.css`	179 B
`build/block-library/classic.css`	179 B
`build/block-library/common-rtl.css`	1.11 kB
`build/block-library/common.css`	1.11 kB
`build/block-library/editor-elements-rtl.css`	75 B
`build/block-library/editor-elements.css`	75 B
`build/block-library/editor-rtl.css`	12.3 kB
`build/block-library/editor.css`	12.2 kB
`build/block-library/elements-rtl.css`	54 B
`build/block-library/elements.css`	54 B
`build/block-library/index.min.js`	218 kB
`build/block-library/reset-rtl.css`	472 B
`build/block-library/reset.css`	472 B
`build/block-library/theme-rtl.css`	707 B
`build/block-library/theme.css`	713 B
`build/block-serialization-default-parser/index.min.js`	1.12 kB
`build/block-serialization-spec-parser/index.min.js`	2.87 kB
`build/commands/index.min.js`	15.1 kB
`build/commands/style-rtl.css`	953 B
`build/commands/style.css`	951 B
`build/components/style-rtl.css`	11.9 kB
`build/components/style.css`	11.9 kB
`build/compose/index.min.js`	12.8 kB
`build/core-data/index.min.js`	72.5 kB
`build/customize-widgets/index.min.js`	10.9 kB
`build/customize-widgets/style-rtl.css`	1.36 kB
`build/customize-widgets/style.css`	1.36 kB
`build/data-controls/index.min.js`	640 B
`build/data/index.min.js`	9 kB
`build/date/index.min.js`	17.9 kB
`build/deprecated/index.min.js`	451 B
`build/dom-ready/index.min.js`	324 B
`build/dom/index.min.js`	4.65 kB
`build/edit-post/classic-rtl.css`	578 B
`build/edit-post/classic.css`	578 B
`build/edit-post/style-rtl.css`	2.68 kB
`build/edit-post/style.css`	2.68 kB
`build/element/index.min.js`	4.83 kB
`build/escape-html/index.min.js`	537 B
`build/format-library/index.min.js`	8.07 kB
`build/format-library/style-rtl.css`	493 B
`build/format-library/style.css`	492 B
`build/hooks/index.min.js`	1.55 kB
`build/html-entities/index.min.js`	448 B
`build/i18n/index.min.js`	3.58 kB
`build/interactivity/debug.min.js`	16.2 kB
`build/interactivity/file.min.js`	447 B
`build/interactivity/image.min.js`	1.67 kB
`build/interactivity/index.min.js`	13 kB
`build/interactivity/navigation.min.js`	1.17 kB
`build/interactivity/query.min.js`	740 B
`build/interactivity/router.min.js`	2.79 kB
`build/interactivity/search.min.js`	618 B
`build/is-shallow-equal/index.min.js`	527 B
`build/keyboard-shortcuts/index.min.js`	1.3 kB
`build/keycodes/index.min.js`	1.46 kB
`build/list-reusable-blocks/index.min.js`	2.11 kB
`build/list-reusable-blocks/style-rtl.css`	851 B
`build/list-reusable-blocks/style.css`	851 B
`build/media-utils/index.min.js`	2.92 kB
`build/modules/importmap-polyfill.min.js`	12.2 kB
`build/notices/index.min.js`	948 B
`build/nux/index.min.js`	1.57 kB
`build/nux/style-rtl.css`	748 B
`build/nux/style.css`	744 B
`build/patterns/index.min.js`	6.45 kB
`build/patterns/style-rtl.css`	595 B
`build/patterns/style.css`	595 B
`build/plugins/index.min.js`	1.8 kB
`build/preferences-persistence/index.min.js`	2.06 kB
`build/preferences/index.min.js`	2.85 kB
`build/preferences/style-rtl.css`	710 B
`build/preferences/style.css`	712 B
`build/primitives/index.min.js`	809 B
`build/priority-queue/index.min.js`	1.52 kB
`build/private-apis/index.min.js`	1 kB
`build/react-i18n/index.min.js`	623 B
`build/react-refresh-entry/index.min.js`	9.47 kB
`build/react-refresh-runtime/index.min.js`	6.78 kB
`build/redux-routine/index.min.js`	2.7 kB
`build/reusable-blocks/index.min.js`	2.7 kB
`build/reusable-blocks/style-rtl.css`	256 B
`build/reusable-blocks/style.css`	256 B
`build/rich-text/index.min.js`	10.1 kB
`build/server-side-render/index.min.js`	1.96 kB
`build/shortcode/index.min.js`	1.39 kB
`build/style-engine/index.min.js`	2.02 kB
`build/token-list/index.min.js`	582 B
`build/url/index.min.js`	3.74 kB
`build/vendors/inert-polyfill.min.js`	2.48 kB
`build/vendors/react-dom.min.js`	41.7 kB
`build/vendors/react.min.js`	4.03 kB
`build/viewport/index.min.js`	957 B
`build/warning/index.min.js`	249 B
`build/widgets/index.min.js`	7.11 kB
`build/widgets/style-rtl.css`	1.17 kB
`build/widgets/style.css`	1.17 kB
`build/wordcount/index.min.js`	1.02 kB

_{compressed-size-action}

ajlende · 2024-05-08T01:38:34Z

packages/block-editor/src/components/iframe/index.js

+ ?  scaleProp( {
+ containerWidth,
+ windowInnerWidth,
+ } )


The signature of this function changed, but the old function didn't make it into 6.5, so I think it's okay, but it might be a good idea to make the scale as a function a private API before the 6.6 release. We might want to move some of the logic elsewhere.

packages/edit-site/src/components/block-editor/editor-canvas.js

github-actions · 2024-05-08T03:27:11Z

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

 Co-authored-by: ajlende < ajlende@git.wordpress.org > Co-authored-by: ellatrix < ellatrix@git.wordpress.org > Co-authored-by: scruffian < scruffian@git.wordpress.org > Co-authored-by: mikachan < mikachan@git.wordpress.org > Co-authored-by: MaggieCabrera < onemaggie@git.wordpress.org >

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook .

Conflicts: packages/edit-site/src/components/block-editor/editor-canvas.js packages/editor/src/components/editor-canvas/utils.js

mikachan

I think this is a good alternative to #61422 , but I noticed that the preview is no longer centered - there seems to be more spacing on the right side compared to the left. Maybe this could be addressed in a follow-up:

Trunk	This PR

Conflicts: packages/block-editor/src/components/iframe/index.js

MaggieCabrera · 2024-05-10T04:48:47Z

I think this is a good alternative to #61422 , but I noticed that the preview is no longer centered - there seems to be more spacing on the right side compared to the left. Maybe this could be addressed in a follow-up:
Trunk This PR

This seems resolved to me

MaggieCabrera

LGTM!

packages/block-editor/src/components/iframe/index.js

scruffian

I love it!

ajlende added two commits May 7, 2024 15:28

WIP

8c2981e

Remove unused code

seven million one hundred and ninety thousand eight hundred and twenty-two

ajlende added seven commits May 7, 2024 16:11

Move containers into iframe

18c8db1

Refactor and move around listeners

64562a3

Refactor order

edff3f9

Fix scale function call bug

7d80ddd

Optimize rendering

5cafcc8

Make constants constant

dd77daa

Use scale in all cases

96f330f

ajlende commented May 8, 2024

View reviewed changes

ajlende and others added three commits May 8, 2024 11:25

Don't use viewport width at full scale

9c969d9

Revert bottom margin

f1a2b14

minimize diff

7a6c007

ellatrix reviewed May 8, 2024

View reviewed changes

packages/edit-site/src/components/block-editor/editor-canvas.js Outdated Show resolved Hide resolved

ellatrix approved these changes May 8, 2024

View reviewed changes

ajlende marked this pull request as ready for review May 8, 2024 03:27

ajlende added [Type] Enhancement A suggestion for improvement. [Feature] Zoom Out labels May 8, 2024

Merge branch 'trunk' into fix/iframe-scale-full-width

e528531

Conflicts: packages/edit-site/src/components/block-editor/editor-canvas.js packages/editor/src/components/editor-canvas/utils.js

scruffian mentioned this pull request May 8, 2024

Zoom out: keep original viewport width #61422

Closed

mikachan reviewed May 8, 2024

View reviewed changes

ajlende added seven commits May 9, 2024 14:42

Merge branch 'trunk' into fix/iframe-scale-full-width

5e23e99

Merge branch 'trunk' into fix/iframe-scale-full-width

f39a830

Conflicts: packages/block-editor/src/components/iframe/index.js

Fix default

182f9e0

Revert name change

b0f642c

Revert name change

60610d6

Reorder for better diff

f7ef2d5

Revert name change

e45ed23

ajlende added four commits May 9, 2024 16:33

Fix zoom out frame

1a4f079

Finish merge

54584eb

Remove comment

45cc93a

Try scaling to left sidebar width

0904eb3

MaggieCabrera approved these changes May 10, 2024

View reviewed changes

scruffian reviewed May 10, 2024

View reviewed changes

packages/block-editor/src/components/iframe/index.js Outdated Show resolved Hide resolved

use previous container width instead of a fixed value

b3bd4d8

scruffian approved these changes May 10, 2024

View reviewed changes

scruffian enabled auto-merge (squash) May 10, 2024 06:06

scruffian merged commit f67dcee into trunk May 10, 2024
63 checks passed

scruffian deleted the fix/iframe-scale-full-width branch May 10, 2024 06:19

github-actions bot added this to the Gutenberg 18.4 milestone May 10, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Zoom out: keep original viewport width (single scale) #61424

Zoom out: keep original viewport width (single scale) #61424

ajlende commented May 7, 2024 •

edited

github-actions bot commented May 7, 2024 •

edited

ajlende May 8, 2024

github-actions bot commented May 8, 2024 •

edited

mikachan left a comment

MaggieCabrera commented May 10, 2024

MaggieCabrera left a comment

scruffian left a comment

Zoom out: keep original viewport width (single scale) #61424

Zoom out: keep original viewport width (single scale) #61424

Conversation

ajlende commented May 7, 2024 • edited

What?

Why?

How?

Testing Instructions

Testing Instructions for Keyboard

Screenshots or screencast

github-actions bot commented May 7, 2024 • edited

ajlende May 8, 2024

Choose a reason for hiding this comment

github-actions bot commented May 8, 2024 • edited

mikachan left a comment

Choose a reason for hiding this comment

MaggieCabrera commented May 10, 2024

MaggieCabrera left a comment

Choose a reason for hiding this comment

scruffian left a comment

Choose a reason for hiding this comment

ajlende commented May 7, 2024 •

edited

github-actions bot commented May 7, 2024 •

edited

github-actions bot commented May 8, 2024 •

edited