outline box is not clear rectangle

Issue #12483296 • Assigned to Bogdan B.

Details

Author
Yoshihisa O.
Created
Jun 24, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
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.

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

Attachments

2 attachments

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

    Changed Assigned To to “Bogdan B.”

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

Sign in