none causes input elements to be invisible by default

Not reproducible Issue #8907781

Details

Created
Sep 14, 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

The most simple test case is this one: https://jsfiddle.net/39grjque/
In Edge you’ll see only the first radio, in all other browsers both are displayed.

The element doesn’t actually disappear, it has no styling, so in order to make it appear you’ll have to set the background-color + width + height etc.

The expected result would be that the os specific styling is not applied, but the default rendering of the browser is supplied.

In our applications we use -webkit-appearance: none on all input elements to make them styled the same accross all operating systems. Currently we don’t have a shortterm workaround (the longterm workaround would be to provide all styling ourselves, but testing this accross all browsers/operating systems is not viable just to make it work in Edge).

Attachments

0 attachments

    Comments and activity

    • Note: the title should have been "-webkit-appearance: none" causes input elements to be invisible by default

    • Microsoft Edge Team

      Changed Assigned To to “Brad E.”

    • Thanks for the feedback on Edge. When I test this in Chrome 53 I see only one radio button. In fact, the only browser that actually shows 2 radio buttons is IE11.

    • Microsoft Edge Team

      Changed Status to “Not reproducible”

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

    Sign in