Font size incorrectly computed in :before and :after pseudo elements

Fixed Issue #107657

Details

Created
Apr 27, 2014
Privacy
This issue is public.
Found in build #
0.0011
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

URL = http://srvr-clw/bugs/66676

Repro Steps:

Write an HTML page, with CSS included in its <style> and HTML in its <body>.
Open it in IE 9, 10, or 11.

Expected Results:

“hello” should be rendered twice as large as “world” in the previous example.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Sushanth R.”

      Changed Steps to Reproduce

      Changed Steps to Reproduce

      Changed Assigned To from “Sushanth R.” to “IPBS P.”

      Changed Status to “Fixed”

      Changed Assigned To from “IPBS P.” to “Rossen A.”

      Changed Steps to Reproduce

    • This issue still exists in IE11 (and possibly 10). Refer to the following link: http://jsfiddle.net/SHaZz/

      The “1” is rendered twice as big in IE11 as opposed to all other browsers which render properly.

    • As Darren commented we are seeing this issue even now as on September 7th, 2017. We in our application are heavily dependent on font icons, all the fonts looks big compared to other browsers. In my case i have two different stylesheets with same selector for pseudo selector(:before), ideally only one of the styles has to be applied overriding other but ie multiplies the font-sizes from every style sheet of similar selector which is annoying

    You need to sign in to your Microsoft account to add a comment.

    Sign in