- From: Emilio Cobos Álvarez via GitHub <sysbot+gh@w3.org>
- Date: Fri, 22 Sep 2023 12:38:13 +0000
- To: public-css-archive@w3.org
emilio has just created a new issue for https://github.com/w3c/csswg-drafts: == [css-zoom?] Zoom and inheritance. == Zoom has some interesting behavior that makes no sense to me ([live](https://www.software.hixie.ch/utilities/js/live-dom-viewer/saved/12028)): ``` <!doctype html> <div style="font-size: 16px; width: 100px; line-height: 16px;"> <div style="background-color: green; font-size: inherit; line-height: inherit; width: inherit; height: 100px; zoom: 2;">What size am I?</div> </div> ``` That for some reason ends up with: * `line-height` of `16px` * `font-size` of `32px` * `width` of `100px` * `height` of `200px` That just makes no sense. This happens because the way `zoom` is implemented in browsers is by mutating the computed value, so inheritance doesn't account for zoom since it copies the un-zoomed computed value. But then somehow `font-size` (but not `line-height`) is special, and gets recomputed on zoom changes?? cc: #5623 @chrishtr @lilles @smfr @tabatkins @atanassov Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9397 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 22 September 2023 12:38:15 UTC