252425 2023-02-16 13:51:07 -0800 Parent’s padding affects the width of a positioned image with max-height: 100% 2023-02-16 20:47:19 -0800 1 1 1 Unclassified WebKit CSS Safari 16 Unspecified Unspecified RESOLVED DUPLICATE 251419 P2 Normal --- 1 hi webkit-unassigned zalan oldest_to_newest 1934300 0 465032 hi 2023-02-16 13:51:07 -0800 Created attachment 465032 max-height demo Or maybe something else is happening, but look at the demo: the square should be fully green. https://codepen.io/pepelsbey/pen/JjadGQv div { position: relative; width: 256px; height: 256px; background-color: red; padding-top: 255px; box-sizing: border-box; } img { position: absolute; top: 0; left: 0; max-height: 100%; background-color: green; } The same demo is attached to the issue as an HTML file. It’s not purely theoretical: my presentation engine got affected. I use the class "cover" to position images. Now they’re distorted only in Safari. https://shwr.me/ — see slides with images. They should not have white padding on the sides. It’s definitely a regression. It used to work fine for many years. 1934421 1 zalan 2023-02-16 20:43:28 -0800 Thank you filing this bug report. It looks like https://codepen.io/pepelsbey/pen/JjadGQv has progressed at 259663@main. 1934422 2 zalan 2023-02-16 20:43:58 -0800 let me check https://shwr.me/ too 1934423 3 zalan 2023-02-16 20:46:31 -0800 yup, https://shwr.me is no longer broken. Thanks again! 1934425 4 zalan 2023-02-16 20:47:19 -0800 *** This bug has been marked as a duplicate of bug 251419 *** 465032 2023-02-16 13:51:07 -0800 2023-02-16 13:51:07 -0800 max-height demo max-height.html text/html 842 hi PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CiAgICA8bWV0YSBjaGFyc2V0 PSJ1dGYtOCI+CiAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNl LXdpZHRoLCBpbml0aWFsLXNjYWxlPTEuMCI+CiAgICA8dGl0bGU+TWF4IEhlaWdodCBpbiBTYWZh cmk8L3RpdGxlPgogICAgPHN0eWxlPgogICAgICAgIGRpdiB7CiAgICAgICAgICAgIHBvc2l0aW9u OiByZWxhdGl2ZTsKICAgICAgICAgICAgd2lkdGg6IDI1NnB4OwogICAgICAgICAgICBoZWlnaHQ6 IDI1NnB4OwogICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZWQ7CiAgICAgICAgICAgIHBh ZGRpbmctdG9wOiAyNTVweDsKICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAg ICAgICB9CgogICAgICAgIGltZyB7CiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAg ICAgICAgICAgdG9wOiAwOwogICAgICAgICAgICBsZWZ0OiAwOwogICAgICAgICAgICBtYXgtaGVp Z2h0OiAxMDAlOwogICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBncmVlbjsKICAgICAgICB9 CiAgICA8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgogICAgPGRpdj4KICAgICAgICA8aW1nIHNyYz0i ZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFRQUFBQUVBQVFN QUFBQm12RG9sQUFBQUExQk1WRVZIY0V5Qyt0TFNBQUFBQVhSU1RsTUFRT2JZWmdBQUFCOUpSRUZV ZU5ydHdRRU5BQUFBd2lEN3B6YkhOMkFBQUFBQUFBQUFBSEVISVFBQUFiaXFLT2NBQUFBQVNVVk9S SzVDWUlJPSIgYWx0PSIiPgogICAgPC9kaXY+CjwvYm9keT4KPC9odG1sPgo=