Switch (Toggle) widget shows as a checkbox in Edge browser

We are using switch/toggles widget in our new reactive apps and have noticed that the widget shows as a checkbox widget in Edge

Hi Sam,

Do you know this article? 

https://medium.com/noesis-low-code-solutions/outsystems-reactive-and-ie-compatability-7ed5717170b2

Maybe it can help you.

Regards,

Daniel

Daniël Kuhlmann wrote:

Hi Sam,

Do you know this article? 

https://medium.com/noesis-low-code-solutions/outsystems-reactive-and-ie-compatability-7ed5717170b2

Maybe it can help you.

Regards,

Daniel

First time seeing this article. Will give it a read and see if it helps with Ms Edge.



Edge should not have this problem, specially recent Edge which is basically a reskin Chromium (Blink) browser. 

Can you provide screenshots? Did you analyze the HTML, is the sliding component anywhere to be found on the html tree? 

Saw something similar happen once where the sliding component was inside a div, which had alignment Right I believe, and the checkbox and widget were misaligned because of it

Hi!

Edge does not support the customization of the :before and :after pseudo elements, which are used to create a Switch from a Checkbox HTML element.

It does support it in the Chromium version, but this rollout of this version, especially for enterprise markets should take a while.