Using calc for line-height in display: table makes text wrap on top of itself

Issue #11316961 • Assigned to Bogdan B.


David S.
Mar 17, 2017
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Found in build #
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Reduction URL:
Actual URL:–meet-the-next-smashing-magazine/
Smashing magazine bug:

Author’s expectation:
Text in figcaptions with more than one line of texy (such as second figure on page above) should be displayed as normal, with lines following each other down the page.


Text is overwritten on top of the previous line


Looks like it is caused by calc used on line-height, together with the element using display: table


0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Greg W.”

    • It is also an issue with display: flex and display: -ms-grid

    • Microsoft Edge Team

      Changed Assigned To from “Greg W.” to “Kevin B.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Kevin B.” to “Bogdan B.”

      Changed Status from “Confirmed” to “Won’t fix”

      Changed Status from “Won’t fix”

    • Reactivating auto-resolved valid bugs reported by web dev community. Those were not expected to be resolved. We apologize for any inconvenience!

    • Microsoft Edge Team

      Changed Assigned To to “Bogdan B.”

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

    Sign in