"outline-color" CSS property is completely deactivating outline

Confirmed Issue #11507872

Details

Author
Julie M.
Created
Apr 4, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Reports
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

Hi,

I noticed that when I want to change the “outline-color” of an element on focus, this is completely deactivating outline so we can’t see where the focus is.
You can see the code to test: http://codepen.io/juliemoynat/pen/LWaMeE

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Status to “Not reproducible”

    • Hello,

      Thank you for providing this information about the issue. After thorough testing, we are unable to reproduce this problem in Edge. Please consider our sample code which demonstrates that the outline is not deactivated.

      http://codepen.io/anon/pen/aJMeqg#anon-signup

      Best Wishes,

      The MS Edge Team

    • Hi James,

      You are right the outline is not desactivated on focus but it’s not displayed at all! I can reproduce the Julie’s issue on IE 11 and Edhttp://codepen.io/7studio/pen/OpqajJ](http://codepen.[http://codepen.io/7studio/pen/OpqajJ](http://codepen.io/7studio/pen/OpqajJ?editors=1100])

      By default, Firefox and Chrome change the color of their default outline whereas IE 11 and Edge don’t display any outline. Safari doesn’t change the color of its default outline but it shows it :/ Each browser defines its own outline according to its UI (outline: auto 5px -webkit-focus-ring-color for Chrome, outline: 1px dotted for Firefox) and it’s not a valid solution to set a default one like in your example.

      Best regards,
      Xavier.

    • Changed Status from “Not reproducible”

    • Hi James,

      Xavier is right. (Thankyou!)

      In order to not reproduce the problem, you added a “outline-style” so this seems to solve the problem but… by doing it, you change the default style of Chrome outline and I don’t want it. I just want to change the outline color, not style.

      Best regards,
      Julie

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

    • Hello,

      Thank you for assisting with this case. I suspect we have reproduced the problem in this example: http://codepen.io/anon/pen/wJbjLe

      Please let me know if this demonstrates the problem you are reporting.

      Best Wishes,
      The MS Edge Team

    • Hello James,

      Yes, this is it!

      Best regards,
      Julie

    • Microsoft Edge Team

      Changed Assigned To to “Bogdan B.”

      Changed Status to “Confirmed”

    • Hello,

      Thank you for providing this information about the issue. We have confirmed the problem, and we are working on a solution for a future build of Edge. We are presently tracking this issue as a duplicate of an existing internal bug report. We look forward to additional feedback you may have on how we can improve Microsoft Edge.

      Best Wishes,
      The MS Edge Team

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

    Sign in