Skew block element adds hazy border, not quite right height on second instance

By design Issue #7750427

Details

Author
Simon B.
Created
Jun 1, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
13.10586
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

https://jsfiddle.net/tLsd606t/3/

The page shows four buttons that consist of a skewed block level element next to a non skewed one. The skewed and non-skewed ones should be the same height.

This is true of the first and third instance, but not the second and forth.

Attachments

Comments and activity

  • Hi Guys, I actually got round this using a different technique, but I thought I would submit it. Rendering was ok in FF and Chrome. It looked like there was some height calculation issue with half a pixel or something, so it renders it as half shaded rather than solid.

    This is SOOO much better than the old IE though, keep up the good work!

  • Microsoft Edge Team

    Changed Assigned To to “Ibrahim O.”

  • Thank you for your feedback and happy to hear that you enjoy using MS Edge :) In the meantime we will look into that issue. 

    All the best,
    The MS Edge Team

  • Microsoft Edge Team

    Changed Assigned To to “Rick J.”

    Changed Status to “By design”

  • Thanks for the positive feedback. Glad to hear you prefer the Edge rendering to IE.

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

Sign in