Strange search bar on the Microsoft

[Fedor2]

Open https://www.microsoft.com/ on the top of the page click the lens aside the search - look appeared search bar.
Then open https://www.microsoft.com/en-us/download do that click again - look appeared circle instead of the bar.

I examined and found in the style command appearance: radio;, seems right, if it got the command it must place the circle. It baffle why other browsers place normal search bar?

[roytam1]

Open https://www.microsoft.com/ on the top of the page click the lens aside the search - look appeared search bar.
Then open https://www.microsoft.com/en-us/download do that click again - look appeared circle instead of the bar.

I examined and found in the style command appearance: radio;, seems right, if it got the command it must place the circle. It baffle why other browsers place normal search bar?

did you try if firefox 52 have same behavior or not?

[Fedor2]

Firefox 52 places circle too.
Srware Iron Chrome, Firefox quantom and Opera presto place normal search bar.

detailed part of the style:

Code: Select all

input, input[type=search] {
  border-radius: 0;
 -webkit-appearance: radio;
 -moz-appearance: radio;
  appearance: radio; }

moz stand for mozilla and webkit for chrome does it?

[Cassette]

Firefox 60.7.2 ESR shows the circle. It's Quantum.

[Fedor2]

Uh, i did try Firefox 67.0.4, but did not 60.7.2, so some quantum affected too. I have checked many them and determined that change happened between 62.0.3 and 63b3.

[Fedor2]

There is an actual thing: another style which suppose to override radio with textfield command. But it is only with webkit prefix, and newer firefoxes execute it too, what a mess. Why that stupid thing divide to webkit and moz at the first place, how to fix then?