258619 2023-06-28 05:59:51 -0700 “Make text bigger” does not update the value of em in media queries 2023-07-26 17:31:11 -0700 1 1 1 Unclassified WebKit CSS Safari 16 Mac (Intel) macOS 13 NEW https://bugs.webkit.org/show_bug.cgi?id=41063 BrowserCompat, InRadar P2 Normal --- 1 sime.vidas webkit-unassigned ahmad.saleem792 jcraig karlcow koivisto mmaxfield simon.fraser webkit-bug-importer oldest_to_newest 1964014 0 466843 sime.vidas 2023-06-28 05:59:51 -0700 Created attachment 466843 Test page Steps to reproduce: 1. Open the attached test page in desktop Safari. 2. Resize the window down and observe how both media queries, (max-width: 1000px) and (max-width: 62.5em), start matching once the width of the window becomes smaller than the width of the black bars. 3. Resize the window to its original position (more than 1000px width). 4. Press [command] [option] [+] to “Make text bigger”. 5. Observe how the second black bar (“62.5em wide”) is now wider than the first black bar (“1000px wide”). 6. Repeat step 2 and observe that both media queries start matching at 1000px (the width of the first bar). What should have happened: The media query (max-width: 62.5em) should start matching at the width of the second black bar (“62.5em wide”), but instead it starts matching at the width of the first black bar (“1000px wide”). 1965103 1 webkit-bug-importer 2023-07-05 06:00:17 -0700 <rdar://problem/111781559> 466843 2023-06-28 05:59:51 -0700 2023-06-28 05:59:51 -0700 Test page css-em-test.html text/html 1023 sime.vidas PCFET0NUWVBFIGh0bWw+Cgo8aHRtbD4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9InV0Zi04 IiAvPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0 aCIgLz4KICAgIDx0aXRsZT5DU1MgZW0gdGVzdDwvdGl0bGU+CiAgICA8c3R5bGU+CiAgICAgIC8q IFNob3cgb24gcGFnZSB3aGVuIGVpdGhlciBvZiB0aGUgdHdvIG1lZGlhIHF1ZXJpZXMgbWF0Y2hl cyAqLwoKICAgICAgYm9keTo6YmVmb3JlLAogICAgICBib2R5OjphZnRlciB7CiAgICAgICAgY29u dGVudDogJyhubyBtYXRjaCknOwogICAgICAgIGJhY2tncm91bmQ6IHllbGxvdzsKICAgICAgfQoK ICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDEwMDBweCkgewogICAgICAgIGJvZHk6OmJlZm9yZSB7 CiAgICAgICAgICBjb250ZW50OiAnKG1heC13aWR0aDogMTAwMHB4KSBtYXRjaGVzJzsKICAgICAg ICB9CiAgICAgIH0KCiAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiA2Mi41ZW0pIHsKICAgICAgICBi b2R5OjphZnRlciB7CiAgICAgICAgICBjb250ZW50OiAnKG1heC13aWR0aDogNjIuNWVtKSBtYXRj aGVzJzsKICAgICAgICB9CiAgICAgIH0KCiAgICAgIC8qIE90aGVyIHN0eWxlcyAqLwoKICAgICAg Ym9keSB7CiAgICAgICAgbWFyZ2luOiAwOwogICAgICB9CgogICAgICBib2R5ID4gKiB7CiAgICAg ICAgbWFyZ2luLWJsb2NrOiAzcHg7CiAgICAgIH0KCiAgICAgIGRpdiB7CiAgICAgICAgY29sb3I6 IHdoaXRlOwogICAgICAgIGJhY2tncm91bmQ6IGJsYWNrOwogICAgICB9CiAgICA8L3N0eWxlPgog IDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYgc3R5bGU9IndpZHRoOiAxMDAwcHgiPjEwMDBweCB3 aWRlPC9kaXY+CiAgICA8ZGl2IHN0eWxlPSJ3aWR0aDogNjIuNWVtIj42Mi41ZW0gd2lkZTwvZGl2 PgoKICAgIDxwIHN0eWxlPSJmb250LXNpemU6IDMycHgiPjMycHggbGFyZ2U8L3A+CiAgICA8cCBz dHlsZT0iZm9udC1zaXplOiAyZW0iPjJlbSBsYXJnZTwvcD4KICA8L2JvZHk+CjwvaHRtbD4K