outline box is not clear rectangle

Issue #12483296 • Assigned to Bogdan B.


Yoshihisa O.
Jun 24, 2017
This issue is public.
Found in
  • Microsoft Edge
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

outline border is not clear rectangle when contains different height of characters. Attached image is example of contains Japanese character, but it repro by different height of Alphabets also. Chrome displays clear rectangle.

    body {
        font-size: 24px;
    .border-and-outline {
        outline: dotted 2px green;
        outline-offset: 5px;
        border: 1px solid pink;
    .x {
        font-size: 30px;
<span class="border-and-outline">borderとou<span class="x">tli</span>ne</span>


2 attachments

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

    Changed Assigned To to “Bogdan B.”

    Changed Status 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